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

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

package/dist/cdn/components/eun-color-picker.js

@@ -1,4 +1,4 @@
-import{a as P}from"./chunks/chunk-PE4DAXHQ.js";import{a as B}from"./chunks/chunk-G5SBDQQ3.js";import{a as K,b as N}from"./chunks/chunk-MOMYII3P.js";import{a as H,d as _}from"./chunks/chunk-VJCNHMQZ.js";import{a as z}from"./chunks/chunk-LK5BJ4SH.js";import{a as V}from"./chunks/chunk-UYZR4JXZ.js";import{b as W,c as w}from"./chunks/chunk-624VJYNA.js";import{a as x}from"./chunks/chunk-LYYQAALT.js";import{a as S}from"./chunks/chunk-4PI6RDUS.js";import{a as F}from"./chunks/chunk-BO3JOEWM.js";import{c as D,d as R,e as k,f as y}from"./chunks/chunk-VOTRXBDS.js";import{a as O}from"./chunks/chunk-YYCEPZUN.js";import{a as C}from"./chunks/chunk-RS7TWEMQ.js";import{a as u}from"./chunks/chunk-PPCHQG7P.js";import{a as h}from"./chunks/chunk-O7PHBLH2.js";import{a as b,b as T,c as M}from"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-KSZRQRN4.js";import{a as s,f as L,h as E,j as p,k as g,l as m,m as A,p as d,q as f,r as o,u as I}from"./chunks/chunk-YITWLCD3.js";var v=T(class extends M{constructor(n){if(super(n),n.type!==b.PROPERTY&&n.type!==b.ATTRIBUTE&&n.type!==b.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!H(n))throw Error("`live` bindings can only contain a single expression")}render(n){return n}update(n,[l]){if(l===f||l===o)return l;let e=n.element,t=n.name;if(n.type===b.PROPERTY){if(l===e[t])return f}else if(n.type===b.BOOLEAN_ATTRIBUTE){if(!!l===e.hasAttribute(t))return f}else if(n.type===b.ATTRIBUTE&&e.getAttribute(t)===l+"")return f;return _(n),l}});var j=E`
+import{a as V}from"./chunks/chunk-GWLD2I3P.js";import{a as u}from"./chunks/chunk-B5XMGWM7.js";import{a as H}from"./chunks/chunk-UVHVQRPT.js";import{a as z,b as B}from"./chunks/chunk-LVKMAHMU.js";import"./chunks/chunk-VJCNHMQZ.js";import{a as R}from"./chunks/chunk-LK5BJ4SH.js";import{a as S}from"./chunks/chunk-UYZR4JXZ.js";import{b as K,c as g}from"./chunks/chunk-624VJYNA.js";import{a as x}from"./chunks/chunk-LYYQAALT.js";import{a as _}from"./chunks/chunk-GVS6IUKC.js";import{a as O}from"./chunks/chunk-BO3JOEWM.js";import{c as D,d as T,e as k,f as m}from"./chunks/chunk-TLBXTBMM.js";import{a as F}from"./chunks/chunk-YYCEPZUN.js";import{a as C}from"./chunks/chunk-3BMACIDO.js";import{a as d}from"./chunks/chunk-PPCHQG7P.js";import{a as p}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as M}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a,f as L,h as I,j as l,k as v,l as f,m as E,p as n,r as o,u as A}from"./chunks/chunk-YITWLCD3.js";var W=I`
   button#field {
     flex: 1 1 auto;
     display: flex;
@@ -97,7 +97,7 @@ import{a as P}from"./chunks/chunk-PE4DAXHQ.js";import{a as B}from"./chunks/chunk
       outline var(--eun-duration-m, 200ms) var(--eun-easing-out, ease-out),
       border var(--eun-duration-m, 200ms) var(--eun-easing-out, ease-out);
   }
-  .swatch-button[aria-checked="true"] .swatch {
+  .swatch-button[aria-selected="true"] .swatch {
     border-color: var(--eun-color-primary-500, #3d6fff);
     border-width: calc(var(--eun-border-width-m, 1.5px) * 2);
   }
@@ -194,7 +194,7 @@ import{a as P}from"./chunks/chunk-PE4DAXHQ.js";import{a as B}from"./chunks/chunk
     outline: 2px solid var(--_focusIndicator);
     outline-offset: 2px;
   }
-`,q=[V,K,...x?[]:[N],j];function $(n){let l=n.trim();if(!l)return null;if(/^#[0-9a-f]{6}$/i.test(l))return l.toLowerCase();if(/^#[0-9a-f]{3}$/i.test(l)){let[a,r,c]=l.slice(1);return`#${a}${a}${r}${r}${c}${c}`.toLowerCase()}let e=l.match(/rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)/i);if(!e)return null;let t=a=>Math.min(255,Math.max(0,Math.round(Number(a)))).toString(16).padStart(2,"0");return`#${t(e[1])}${t(e[2])}${t(e[3])}`}var G="eun-color-picker",J=C(k(I)),Q=z(S(F(R(B(D(J)))))),i=class extends Q{constructor(){super(...arguments);this.emptyValueLabel="No color selected";this.swatchesLabel="Presets";this.customLabel="Custom";this.nativeInputLabel="Pick a custom color";this.hexInputLabel="Hex color";this.confirmLabel="Confirm";this.cancelLabel="Cancel";this.noAnimation=!1;this.swatchOnly=!1;this.presetsOnly=!1;this.presetsInline=!1;this.isOpen=!1;this.hexDraft="";this.handlePopoverToggle=e=>{if(e.newState==="open"){this.isOpen=!0,this.fieldWrapperEl&&this.listboxEl&&this.anchorFloatingElement(this.fieldWrapperEl,this.listboxEl,{forceFallback:x}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closeListbox());return}this.isOpen=!1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility()};this.handleWindowBlur=()=>{this.isOpen&&this.closeListbox()};this.handleFocusOut=()=>{this.isOpen&&requestAnimationFrame(()=>{document.activeElement!==this&&this.closeListbox()})};this.handleConfirmClick=()=>{this.closeListbox(),this.confirmEdit()};this.handleCancelClick=()=>{this.closeListbox(),this.cancelEdit()}}get defaultValue(){return super.defaultValue}set defaultValue(e){let t=Array.isArray(e)?e[0]:e;super.defaultValue=t}get presets(){return P(this.children)}get hexDraftInvalid(){return this.hexDraft!==""&&$(this.hexDraft)===null}get triggerAccessibleLabel(){return this.label?this.label:this.ariaLabel?this.ariaLabel:this.swatchOnly?this.value||this.emptyValueLabel:void 0}connectedCallback(){super.connectedCallback?.(),window.addEventListener("blur",this.handleWindowBlur)}disconnectedCallback(){window.removeEventListener("blur",this.handleWindowBlur),super.disconnectedCallback?.()}willUpdate(e){super.willUpdate(e),e.has("value")&&!this.isOpen&&(this.hexDraft=this.value??"")}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}openListbox(){if(this.disabled||this.readonly)return;this.hexDraft=this.value??"";let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")||e?.showPopover(),e&&this.playListboxOpenAnimation(e)}listboxAnimationDuration(e){return this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:W(e,"--field-listbox-transition-duration","m",200)}playListboxOpenAnimation(e){e.style.removeProperty("pointer-events");let t=this.listboxAnimationDuration(e);t!==0&&(this.listboxAnimation=e.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:t,easing:w(e),fill:"forwards"}))}closeListbox(){let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")&&this.playListboxCloseAnimation(e)}playListboxCloseAnimation(e){e.style.pointerEvents="none";let t=this.listboxAnimationDuration(e);if(t===0){e.hidePopover();return}let a=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:t,easing:w(e),fill:"forwards"});this.listboxAnimation=a,a.finished.then(()=>{this.listboxAnimation===a&&(this.listboxAnimation=void 0),e.hidePopover()}).catch(()=>{})}handleFieldActivate(){this.isOpen||this.openListbox()}handleFieldKeydown(e){e.key==="ArrowDown"&&!this.isOpen&&(e.preventDefault(),this.openListbox())}handleSelect(e){this.value=e,this.hexDraft=e,this.dispatchEvent(new O(this.value)),this.closeListbox()}handlePresetKeydown(e,t){let a=this.presets,r;switch(e.key){case"ArrowRight":case"ArrowDown":r=(t+1)%a.length;break;case"ArrowLeft":case"ArrowUp":r=(t-1+a.length)%a.length;break;case"Home":r=0;break;case"End":r=a.length-1;break;default:return}e.preventDefault(),this.presetButtonEls[r]?.focus()}handleNativeInput(e){this.handleSelect(e.target.value)}handleHexInput(e){this.hexDraft=e.target.value}handleHexCommit(){let e=$(this.hexDraft);e?this.handleSelect(e):this.hexDraft=this.value??""}handleSlotChange(){this.requestUpdate()}renderEditActions(){return d`
+`,N=[S,z,...x?[]:[B],W];function w($){let c=$.trim();if(!c)return null;if(/^#[0-9a-f]{6}$/i.test(c))return c.toLowerCase();if(/^#[0-9a-f]{3}$/i.test(c)){let[r,s,h]=c.slice(1);return`#${r}${r}${s}${s}${h}${h}`.toLowerCase()}let e=c.match(/rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)/i);if(!e)return null;let i=r=>Math.min(255,Math.max(0,Math.round(Number(r)))).toString(16).padStart(2,"0");return`#${i(e[1])}${i(e[2])}${i(e[3])}`}var q="eun-color-picker",U=C(k(A)),Y=M(R(_(O(T(H(D(U))))))),t=class extends Y{constructor(){super(...arguments);this.swatchesLabel="Presets";this.customLabel="Custom";this.nativeInputLabel="Pick a custom color";this.hexInputLabel="Hex color";this.noAnimation=!1;this.swatchOnly=!1;this.presetsOnly=!1;this.presetsInline=!1;this.isOpen=!1;this.hexDraft="";this.presetFocusIndex=-1;this.handlePopoverToggle=e=>{if(e.newState==="open"){this.isOpen=!0,this.fieldWrapperEl&&this.listboxEl&&this.anchorFloatingElement(this.fieldWrapperEl,this.listboxEl,{forceFallback:x}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closeListbox());return}this.isOpen=!1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility()};this.handleWindowBlur=()=>{this.isOpen&&this.closeListbox()};this.handleFocusOut=()=>{this.isOpen&&requestAnimationFrame(()=>{document.activeElement!==this&&this.closeListbox()})};this.handleConfirmClick=()=>{this.closeListbox(),this.confirmEdit()};this.handleCancelClick=()=>{this.closeListbox(),this.cancelEdit()}}get defaultValue(){return super.defaultValue}set defaultValue(e){let i=Array.isArray(e)?e[0]:e;super.defaultValue=i}get presets(){return V(this.children)}get hexDraftInvalid(){return this.hexDraft!==""&&w(this.hexDraft)===null}get triggerAccessibleLabel(){return this.label?this.label:this.ariaLabel?this.ariaLabel:this.swatchOnly?this.value||(this.emptyValueLabel??this.dictionary.colorPicker.noColor):void 0}connectedCallback(){super.connectedCallback?.(),window.addEventListener("blur",this.handleWindowBlur)}disconnectedCallback(){window.removeEventListener("blur",this.handleWindowBlur),super.disconnectedCallback?.()}willUpdate(e){super.willUpdate(e),e.has("value")&&!this.isOpen&&(this.hexDraft=this.value??"")}get hostTabStop(){return!1}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}openListbox(){if(this.disabled||this.readonly)return;this.hexDraft=this.value??"";let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")||e?.showPopover(),e&&this.playListboxOpenAnimation(e)}listboxAnimationDuration(e){return this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:K(e,"--field-listbox-transition-duration","m",200)}playListboxOpenAnimation(e){e.style.removeProperty("pointer-events");let i=this.listboxAnimationDuration(e);i!==0&&(this.listboxAnimation=e.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:i,easing:g(e),fill:"forwards"}))}closeListbox(){let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")&&this.playListboxCloseAnimation(e)}playListboxCloseAnimation(e){e.style.pointerEvents="none";let i=this.listboxAnimationDuration(e);if(i===0){e.hidePopover();return}let r=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:i,easing:g(e),fill:"forwards"});this.listboxAnimation=r,r.finished.then(()=>{this.listboxAnimation===r&&(this.listboxAnimation=void 0),e.hidePopover()}).catch(()=>{})}handleFieldActivate(){this.isOpen||this.openListbox()}handleFieldKeydown(e){e.key==="ArrowDown"&&!this.isOpen&&(e.preventDefault(),this.openListbox())}handleSelect(e){this.presetFocusIndex=-1,this.value=e,this.hexDraft=e,this.dispatchEvent(new F(this.value)),this.closeListbox()}handlePresetKeydown(e,i){let r=this.presets,s;switch(e.key){case"ArrowRight":case"ArrowDown":s=(i+1)%r.length;break;case"ArrowLeft":case"ArrowUp":s=(i-1+r.length)%r.length;break;case"Home":s=0;break;case"End":s=r.length-1;break;default:return}e.preventDefault(),this.presetFocusIndex=s,this.presetButtonEls[s]?.focus()}handleNativeInput(e){this.handleSelect(e.target.value)}handleHexInput(e){this.hexDraft=e.target.value}handleHexCommit(){let e=w(this.hexDraft);e?this.handleSelect(e):this.hexDraft=this.value??""}handleSlotChange(){this.requestUpdate()}renderEditActions(){return n`
       <div id="edit-actions">
         <eun-button
           class="confirm"
@@ -204,7 +204,7 @@ import{a as P}from"./chunks/chunk-PE4DAXHQ.js";import{a as B}from"./chunks/chunk
           rounded
           type="button"
           @click=${this.handleConfirmClick}
-          >${this.confirmLabel}</eun-button
+          >${this.confirmLabel??this.dictionary.common.confirm}</eun-button
         >
         <eun-button
           class="cancel"
@@ -213,57 +213,57 @@ import{a as P}from"./chunks/chunk-PE4DAXHQ.js";import{a as B}from"./chunks/chunk
           rounded
           type="button"
           @click=${this.handleCancelClick}
-          >${this.cancelLabel}</eun-button
+          >${this.cancelLabel??this.dictionary.common.cancel}</eun-button
         >
       </div>
-    `}renderReadonlyDisplay(){return d`
+    `}renderReadonlyDisplay(){return n`
       <div
         id="readonly-display"
         role="button"
         tabindex="0"
-        aria-label=${u(this.triggerAccessibleLabel)}
+        aria-label=${d(this.triggerAccessibleLabel)}
         @click=${this.startEdit}
         @keydown=${e=>(e.key==="Enter"||e.key===" ")&&this.startEdit()}
       >
         <span
-          class=${h({swatch:!0,empty:!this.value})}
-          style="--_swatchColor: ${u(this.value)}"
+          class=${p({swatch:!0,empty:!this.value})}
+          style="--_swatchColor: ${d(this.value)}"
         ></span>
-        ${this.swatchOnly?o:d`
-              <span class=${h({empty:!this.value})}
-                >${this.value||this.emptyValueLabel}</span
+        ${this.swatchOnly?o:n`
+              <span class=${p({empty:!this.value})}
+                >${this.value||(this.emptyValueLabel??this.dictionary.colorPicker.noColor)}</span
               >
             `}
       </div>
-    `}renderPresets(e){return d`
+    `}renderPresets(e){return n`
       <div>
         <span id="swatches-label">${this.swatchesLabel}</span>
-        ${this.renderSwatchRadiogroup(e,this.swatchesLabel,!1)}
+        ${this.renderSwatchListbox(e,this.swatchesLabel,!1)}
       </div>
-    `}renderSwatchRadiogroup(e,t,a){return d`
+    `}renderSwatchListbox(e,i,r){let s=e.findIndex(b=>b.value===this.value),h=this.presetFocusIndex>=0&&this.presetFocusIndex<e.length?this.presetFocusIndex:Math.max(s,0);return n`
       <div
         id="swatches"
-        role="radiogroup"
-        aria-label=${u(t)}
-        aria-describedby=${a?"description":o}
+        role="listbox"
+        aria-label=${d(i)}
+        aria-describedby=${r?"description":o}
       >
-        ${e.map((r,c)=>{let U=this.value===r.value;return d`
+        ${e.map((b,y)=>n`
             <button
               type="button"
               class="swatch-button"
-              role="radio"
-              aria-checked=${U?"true":"false"}
-              aria-label=${r.label}
-              tabindex="0"
-              style="--_optionColor: ${r.value}"
-              @click=${()=>this.handleSelect(r.value)}
-              @keydown=${Y=>this.handlePresetKeydown(Y,c)}
+              role="option"
+              aria-selected=${y===s?"true":"false"}
+              aria-label=${b.label}
+              tabindex=${y===h?"0":"-1"}
+              style="--_optionColor: ${b.value}"
+              @click=${()=>this.handleSelect(b.value)}
+              @keydown=${P=>this.handlePresetKeydown(P,y)}
             >
               <span class="swatch"></span>
             </button>
-          `})}
+          `)}
       </div>
-    `}renderHexRow(){return d`
+    `}renderHexRow(){return n`
       <div>
         <span id="custom-label">${this.customLabel}</span>
         <input
@@ -273,31 +273,31 @@ import{a as P}from"./chunks/chunk-PE4DAXHQ.js";import{a as B}from"./chunks/chunk
           aria-invalid=${!this.hideError&&!this.disabled&&this.hexDraftInvalid||this.showError}
           ?disabled=${this.disabled}
           ?readonly=${this.readonly}
-          .value=${v(this.hexDraft)}
+          .value=${u(this.hexDraft)}
           @input=${this.handleHexInput}
           @change=${this.handleHexCommit}
           @keydown=${e=>{e.key==="Enter"&&(e.preventDefault(),this.handleHexCommit())}}
         />
       </div>
-    `}renderInlinePresetsField(e){return d`
+    `}renderInlinePresetsField(e){return n`
       <div id="field-wrapper">
-        ${this.renderSwatchRadiogroup(this.presets,this.triggerAccessibleLabel,e)}
+        ${this.renderSwatchListbox(this.presets,this.triggerAccessibleLabel,e)}
       </div>
       ${this.readonlyAvailable?this.renderEditActions():o}
-    `}renderInlineCustomField(e){return d`
+    `}renderInlineCustomField(e){return n`
       <div id="field-wrapper">
         <div id="custom-row">
           <label id="native-swatch">
             <span
-              class=${h({swatch:!0,empty:!this.value})}
-              style="--_swatchColor: ${u(this.value)}"
+              class=${p({swatch:!0,empty:!this.value})}
+              style="--_swatchColor: ${d(this.value)}"
             ></span>
             <input
               type="color"
               id="native-input"
               aria-label=${this.nativeInputLabel}
               ?disabled=${this.disabled||this.readonly}
-              .value=${v(this.value||"#000000")}
+              .value=${u(this.value||"#000000")}
               @input=${this.handleNativeInput}
             />
           </label>
@@ -310,28 +310,28 @@ import{a as P}from"./chunks/chunk-PE4DAXHQ.js";import{a as B}from"./chunks/chunk
             aria-invalid=${!this.hideError&&!this.disabled&&this.hexDraftInvalid||this.showError}
             ?disabled=${this.disabled}
             ?readonly=${this.readonly}
-            .value=${v(this.hexDraft)}
+            .value=${u(this.hexDraft)}
             @input=${this.handleHexInput}
             @change=${this.handleHexCommit}
-            @keydown=${t=>{t.key==="Enter"&&(t.preventDefault(),this.handleHexCommit())}}
+            @keydown=${i=>{i.key==="Enter"&&(i.preventDefault(),this.handleHexCommit())}}
           />
         </div>
       </div>
       ${this.readonlyAvailable?this.renderEditActions():o}
-    `}renderField(e){return d`
+    `}renderField(e){return n`
       <div id="field-wrapper">
-        ${this.presetsOnly?o:d`
+        ${this.presetsOnly?o:n`
               <label id="native-swatch">
                 <span
-                  class=${h({swatch:!0,empty:!this.value})}
-                  style="--_swatchColor: ${u(this.value)}"
+                  class=${p({swatch:!0,empty:!this.value})}
+                  style="--_swatchColor: ${d(this.value)}"
                 ></span>
                 <input
                   type="color"
                   id="native-input"
                   aria-label=${this.nativeInputLabel}
                   ?disabled=${this.disabled||this.readonly}
-                  .value=${v(this.value||"#000000")}
+                  .value=${u(this.value||"#000000")}
                   @input=${this.handleNativeInput}
                 />
               </label>
@@ -339,9 +339,9 @@ import{a as P}from"./chunks/chunk-PE4DAXHQ.js";import{a as B}from"./chunks/chunk
         <button
           type="button"
           id="field"
-          aria-haspopup="true"
+          aria-haspopup="dialog"
           aria-expanded=${this.isOpen}
-          aria-label=${u(this.triggerAccessibleLabel)}
+          aria-label=${d(this.triggerAccessibleLabel)}
           aria-describedby=${e?"description":o}
           ?disabled=${this.disabled}
           aria-required=${this.required?"true":"false"}
@@ -349,19 +349,19 @@ import{a as P}from"./chunks/chunk-PE4DAXHQ.js";import{a as B}from"./chunks/chunk
           @click=${this.handleFieldActivate}
           @keydown=${this.handleFieldKeydown}
         >
-          ${this.presetsOnly?d`
+          ${this.presetsOnly?n`
                 <span
                   id="trigger-swatch"
-                  class=${h({swatch:!0,empty:!this.value})}
-                  style="--_swatchColor: ${u(this.value)}"
+                  class=${p({swatch:!0,empty:!this.value})}
+                  style="--_swatchColor: ${d(this.value)}"
                 ></span>
               `:o}
-          <span id="value-text" class=${h({empty:!this.value})}>
-            ${this.value||this.emptyValueLabel}
+          <span id="value-text" class=${p({empty:!this.value})}>
+            ${this.value||(this.emptyValueLabel??this.dictionary.colorPicker.noColor)}
           </span>
           <span
             id="field-arrow"
-            class=${h({open:this.isOpen})}
+            class=${p({open:this.isOpen})}
             aria-hidden="true"
             >▾</span
           >
@@ -370,47 +370,39 @@ import{a as P}from"./chunks/chunk-PE4DAXHQ.js";import{a as B}from"./chunks/chunk
       ${this.readonlyAvailable?this.renderEditActions():o}
       <div
         id="listbox"
+        role="dialog"
         popover="auto"
-        aria-label=${u(this.label)}
+        aria-label=${d(this.label)}
         @toggle=${this.handlePopoverToggle}
       >
         ${this.renderPresets(this.presets)}
         ${this.presetsOnly?o:this.renderHexRow()}
       </div>
-    `}renderSwatchOnlyField(e){return d`
+    `}renderSwatchOnlyField(e){return n`
       <div id="field-wrapper">
         <label id="swatch-only-trigger">
           <span
             id="trigger-swatch"
-            class=${h({swatch:!0,empty:!this.value})}
-            style="--_swatchColor: ${u(this.value)}"
+            class=${p({swatch:!0,empty:!this.value})}
+            style="--_swatchColor: ${d(this.value)}"
           ></span>
           <input
             type="color"
             id="field"
-            aria-label=${u(this.triggerAccessibleLabel)}
+            aria-label=${d(this.triggerAccessibleLabel)}
             aria-describedby=${e?"description":o}
             ?disabled=${this.disabled||this.readonly}
             aria-invalid=${this.showError}
-            .value=${v(this.value||"#000000")}
+            .value=${u(this.value||"#000000")}
             @input=${this.handleNativeInput}
           />
         </label>
       </div>
       ${this.readonlyAvailable?this.renderEditActions():o}
-    `}render(){let e=this.readonlyAvailable&&!this.editing,t=this.renderDescription(),a=t!==o,r,c=this.presets.length>0;return e?r=this.renderReadonlyDisplay():this.swatchOnly?r=this.renderSwatchOnlyField(a):this.presetsInline&&c?r=this.renderInlinePresetsField(a):c?r=this.renderField(a):r=this.renderInlineCustomField(a),d`
+    `}render(){let e=this.readonlyAvailable&&!this.editing,i=this.renderDescription(),r=i!==o,s,h=this.presets.length>0;return e?s=this.renderReadonlyDisplay():this.swatchOnly?s=this.renderSwatchOnlyField(r):this.presetsInline&&h?s=this.renderInlinePresetsField(r):h?s=this.renderField(r):s=this.renderInlineCustomField(r),n`
       <div id="wrapper" @focusout=${this.handleFocusOut}>
         ${this.renderFormLabels(e?void 0:"field")}
-        ${r} ${t}
+        ${s} ${i}
         <slot hidden @slotchange=${this.handleSlotChange}></slot>
       </div>
-    `}};i.styles=[q,y.base,y.errorMessages,y.hintMessages],s([p({attribute:"default-value"})],i.prototype,"defaultValue",1),s([p({attribute:"empty-value-label"})],i.prototype,"emptyValueLabel",2),s([p({attribute:"swatches-label"})],i.prototype,"swatchesLabel",2),s([p({attribute:"custom-label"})],i.prototype,"customLabel",2),s([p({attribute:"native-input-label"})],i.prototype,"nativeInputLabel",2),s([p({attribute:"hex-input-label"})],i.prototype,"hexInputLabel",2),s([p({attribute:"confirm-label"})],i.prototype,"confirmLabel",2),s([p({attribute:"cancel-label"})],i.prototype,"cancelLabel",2),s([p({type:Boolean,reflect:!0,attribute:"no-animation"})],i.prototype,"noAnimation",2),s([p({type:Boolean,reflect:!0,attribute:"swatch-only"})],i.prototype,"swatchOnly",2),s([p({type:Boolean,reflect:!0,attribute:"presets-only"})],i.prototype,"presetsOnly",2),s([p({type:Boolean,reflect:!0,attribute:"presets-inline"})],i.prototype,"presetsInline",2),s([g()],i.prototype,"isOpen",2),s([g()],i.prototype,"hexDraft",2),s([m("#field")],i.prototype,"fieldEl",2),s([m("#field-wrapper")],i.prototype,"fieldWrapperEl",2),s([m("#listbox")],i.prototype,"listboxEl",2),s([A(".swatch-button")],i.prototype,"presetButtonEls",2),i=s([L(G)],i);export{i as EunomiaColorPicker,G as EunomiaColorPickerTagName};
-/*! Bundled license information:
-
-lit-html/directives/live.js:
-  (**
-   * @license
-   * Copyright 2020 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/
+    `}};t.styles=[N,m.base,m.errorMessages,m.hintMessages],a([l({attribute:"default-value"})],t.prototype,"defaultValue",1),a([l({attribute:"empty-value-label"})],t.prototype,"emptyValueLabel",2),a([l({attribute:"swatches-label"})],t.prototype,"swatchesLabel",2),a([l({attribute:"custom-label"})],t.prototype,"customLabel",2),a([l({attribute:"native-input-label"})],t.prototype,"nativeInputLabel",2),a([l({attribute:"hex-input-label"})],t.prototype,"hexInputLabel",2),a([l({attribute:"confirm-label"})],t.prototype,"confirmLabel",2),a([l({attribute:"cancel-label"})],t.prototype,"cancelLabel",2),a([l({type:Boolean,reflect:!0,attribute:"no-animation"})],t.prototype,"noAnimation",2),a([l({type:Boolean,reflect:!0,attribute:"swatch-only"})],t.prototype,"swatchOnly",2),a([l({type:Boolean,reflect:!0,attribute:"presets-only"})],t.prototype,"presetsOnly",2),a([l({type:Boolean,reflect:!0,attribute:"presets-inline"})],t.prototype,"presetsInline",2),a([v()],t.prototype,"isOpen",2),a([v()],t.prototype,"hexDraft",2),a([v()],t.prototype,"presetFocusIndex",2),a([f("#field")],t.prototype,"fieldEl",2),a([f("#field-wrapper")],t.prototype,"fieldWrapperEl",2),a([f("#listbox")],t.prototype,"listboxEl",2),a([E(".swatch-button")],t.prototype,"presetButtonEls",2),t=a([L(q)],t);export{t as EunomiaColorPicker,q as EunomiaColorPickerTagName};

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

@@ -1,4 +1,4 @@
-import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk-4PI6RDUS.js";import{a as y}from"./chunks/chunk-BO3JOEWM.js";import{c as h,d as v,e as x,f as d}from"./chunks/chunk-VOTRXBDS.js";import{a as u}from"./chunks/chunk-YYCEPZUN.js";import{a as b}from"./chunks/chunk-RS7TWEMQ.js";import{a as o}from"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-KSZRQRN4.js";import{a as i,f as c,h as p,j as n,l as f,p as l,r as s,u as m}from"./chunks/chunk-YITWLCD3.js";var k=p`
+import{a as M}from"./chunks/chunk-L74LXUGL.js";import{a as I,b as _}from"./chunks/chunk-WW4BTWMH.js";import{a as g}from"./chunks/chunk-GVS6IUKC.js";import{a as w}from"./chunks/chunk-BO3JOEWM.js";import{c as v,d as x,e as y,f as d}from"./chunks/chunk-TLBXTBMM.js";import{a as u}from"./chunks/chunk-YYCEPZUN.js";import{a as h}from"./chunks/chunk-3BMACIDO.js";import{a}from"./chunks/chunk-PPCHQG7P.js";import{a as b}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as t,f as c,h as p,j as n,l as m,p as l,r as s,u as f}from"./chunks/chunk-YITWLCD3.js";var L=p`
   :host {
     --_borderColor: var(
       --counter-border-color,
@@ -181,13 +181,13 @@ import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk
   :host([appearance="underline"]) #field-wrapper:focus-within {
     outline: none;
   }
-`,M=k;var I="eun-counter",$=b(x(m)),C=w(y(v(h($)))),t=class extends C{constructor(){super(...arguments);this.step=1;this.ariaLabelIncrement="Increase value";this.ariaLabelDecrement="Decrease value";this.handleHostFocus=()=>{this.fieldEl?.focus()};this.checkLocalValidators=()=>g(this.fieldEl,["valueMissing","rangeUnderflow","rangeOverflow","stepMismatch","badInput"])}get value(){return super.value}set value(e){super.value=e}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}connectedCallback(){super.connectedCallback?.(),this.addEventListener("focus",this.handleHostFocus)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),super.disconnectedCallback?.()}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}roundToStep(e){let r=(String(this.step).split(".")[1]??"").length;return r?Number(e.toFixed(r)):e}clamp(e){let r=e;return this.min!==void 0&&(r=Math.max(r,this.min)),this.max!==void 0&&(r=Math.min(r,this.max)),this.roundToStep(r)}commitValue(e){this.value=e,this.dispatchEvent(new u(this.value))}stepBy(e){if(this.disabled||this.readonly)return;let r=this.value??this.min??0;this.commitValue(this.clamp(r+e*this.step))}handleInput(e){let r=e.target.value,a=r===""?void 0:Number(r);this.value=a===void 0||Number.isNaN(a)?void 0:a,this.dispatchEvent(new u(this.value))}handleKeydown(e){this.disabled||this.readonly||(e.key==="Home"&&this.min!==void 0?(e.preventDefault(),this.commitValue(this.min)):e.key==="End"&&this.max!==void 0&&(e.preventDefault(),this.commitValue(this.max)))}renderField(e){let r=!this.disabled&&!this.readonly&&!(this.value!==void 0&&this.min!==void 0&&this.value<=this.min),a=!this.disabled&&!this.readonly&&!(this.value!==void 0&&this.max!==void 0&&this.value>=this.max),_=!Number.isInteger(this.step);return l`
+`,k=L;var C="eun-counter",E=h(y(f)),V=b(g(w(x(v(E))))),i=class extends V{constructor(){super();this.step=1;this.handleImplicitSubmission=e=>{let r=this.internals.form;!r||e.composedPath()[0]!==this.fieldEl||!I(e)||(e.preventDefault(),_(r))};this.checkLocalValidators=()=>M(this.fieldEl,["valueMissing","rangeUnderflow","rangeOverflow","stepMismatch","badInput"]);this.addEventListener("keydown",this.handleImplicitSubmission)}get value(){return super.value}set value(e){super.value=e}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}get hostTabStop(){return!1}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}roundToStep(e){let r=(String(this.step).split(".")[1]??"").length;return r?Number(e.toFixed(r)):e}clamp(e){let r=e;return this.min!==void 0&&(r=Math.max(r,this.min)),this.max!==void 0&&(r=Math.min(r,this.max)),this.roundToStep(r)}commitValue(e){this.value=e,this.dispatchEvent(new u(this.value))}stepBy(e){if(this.disabled||this.readonly)return;let r=this.value??this.min??0;this.commitValue(this.clamp(r+e*this.step))}handleInput(e){let r=e.target.value,o=r===""?void 0:Number(r);this.value=o===void 0||Number.isNaN(o)?void 0:o,this.dispatchEvent(new u(this.value))}handleKeydown(e){this.disabled||this.readonly||(e.key==="Home"&&this.min!==void 0?(e.preventDefault(),this.commitValue(this.min)):e.key==="End"&&this.max!==void 0&&(e.preventDefault(),this.commitValue(this.max)))}renderField(e){let r=!this.disabled&&!this.readonly&&!(this.value!==void 0&&this.min!==void 0&&this.value<=this.min),o=!this.disabled&&!this.readonly&&!(this.value!==void 0&&this.max!==void 0&&this.value>=this.max),$=!Number.isInteger(this.step);return l`
       <div id="field-wrapper">
         <button
           type="button"
           id="decrement"
           tabindex="-1"
-          aria-label=${this.ariaLabelDecrement}
+          aria-label=${this.decrementLabel??this.dictionary.counter.decrement}
           ?disabled=${!r}
           @click=${()=>this.stepBy(-1)}
         >
@@ -200,12 +200,12 @@ import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk
           ?disabled=${this.disabled}
           ?readonly=${this.readonly}
           ?required=${this.required}
-          min=${o(this.min)}
-          max=${o(this.max)}
+          min=${a(this.min)}
+          max=${a(this.max)}
           step=${this.step}
-          inputmode=${_?"decimal":"numeric"}
+          inputmode=${$?"decimal":"numeric"}
           aria-invalid=${this.showError}
-          aria-label=${o(this.label)}
+          aria-label=${a(this.label)}
           aria-describedby=${e?"description":s}
           @input=${this.handleInput}
           @keydown=${this.handleKeydown}
@@ -214,8 +214,8 @@ import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk
           type="button"
           id="increment"
           tabindex="-1"
-          aria-label=${this.ariaLabelIncrement}
-          ?disabled=${!a}
+          aria-label=${this.incrementLabel??this.dictionary.counter.increment}
+          ?disabled=${!o}
           @click=${()=>this.stepBy(1)}
         >
           <eun-icon name="add" size="16"></eun-icon>
@@ -226,4 +226,4 @@ import{a as g}from"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk
         ${this.renderFormLabels("field")}
         ${this.renderField(e!==s)} ${e}
       </div>
-    `}};t.styles=[M,d.base,d.errorMessages,d.hintMessages],i([n({type:Number})],t.prototype,"min",2),i([n({type:Number})],t.prototype,"max",2),i([n({type:Number})],t.prototype,"step",2),i([n({attribute:"aria-label-increment"})],t.prototype,"ariaLabelIncrement",2),i([n({attribute:"aria-label-decrement"})],t.prototype,"ariaLabelDecrement",2),i([n({type:Number})],t.prototype,"value",1),i([n({attribute:"default-value",type:Number})],t.prototype,"defaultValue",1),i([f("#field")],t.prototype,"fieldEl",2),t=i([c(I)],t);export{t as EunomiaCounter,I as EunomiaCounterTagName};
+    `}};i.styles=[k,d.base,d.errorMessages,d.hintMessages],t([n({type:Number})],i.prototype,"min",2),t([n({type:Number})],i.prototype,"max",2),t([n({type:Number})],i.prototype,"step",2),t([n({attribute:"increment-label"})],i.prototype,"incrementLabel",2),t([n({attribute:"decrement-label"})],i.prototype,"decrementLabel",2),t([n({type:Number})],i.prototype,"value",1),t([n({attribute:"default-value",type:Number})],i.prototype,"defaultValue",1),t([m("#field")],i.prototype,"fieldEl",2),i=t([c(C)],i);export{i as EunomiaCounter,C as EunomiaCounterTagName};