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

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

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

@@ -1,4 +1,4 @@
-import{a as x}from"./chunks/chunk-UDOZRIJZ.js";import{b as h}from"./chunks/chunk-LYYQAALT.js";import{a as s}from"./chunks/chunk-YYCEPZUN.js";import{e as m}from"./chunks/chunk-GDBPWZN6.js";import{a as c}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as t,f as v,h as g,j as r,k as f,l,n as d,p as a,r as i,u as b}from"./chunks/chunk-YITWLCD3.js";var y=g`
+import{a as x}from"./chunks/chunk-5LXGJVJR.js";import{b as h}from"./chunks/chunk-LYYQAALT.js";import{a as s}from"./chunks/chunk-YYCEPZUN.js";import{e as m}from"./chunks/chunk-GDBPWZN6.js";import{a as c}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as t,f as v,h as g,j as r,k as f,l,n as d,p as a,r as i,u as b}from"./chunks/chunk-YITWLCD3.js";var y=g`
   :host {
     display: block;
     width: 100%;

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

@@ -1,4 +1,4 @@
-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`
+import{a as N}from"./chunks/chunk-GWLD2I3P.js";import{a as u}from"./chunks/chunk-B5XMGWM7.js";import{a as O}from"./chunks/chunk-UVHVQRPT.js";import{a as V,b as K}from"./chunks/chunk-AH2SKZ7T.js";import"./chunks/chunk-VJCNHMQZ.js";import{a as R}from"./chunks/chunk-LK5BJ4SH.js";import{a as z}from"./chunks/chunk-WIUERJII.js";import{a as B}from"./chunks/chunk-QSZO4GIH.js";import{b as P,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 H}from"./chunks/chunk-P6LGU3FT.js";import{a as S}from"./chunks/chunk-BO3JOEWM.js";import{c as D,d as k,e as T,f as m}from"./chunks/chunk-TLBXTBMM.js";import{a as C}from"./chunks/chunk-YYCEPZUN.js";import{a as F}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 A}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a,f as L,h as I,j as l,k as f,l as v,m as E,p as n,r as o,u as M}from"./chunks/chunk-YITWLCD3.js";var U=I`
   button#field {
     flex: 1 1 auto;
     display: flex;
@@ -118,6 +118,19 @@ import{a as V}from"./chunks/chunk-GWLD2I3P.js";import{a as u}from"./chunks/chunk
   #native-swatch .swatch {
     pointer-events: none;
   }
+
+  button#field #trigger-swatch,
+  #field-wrapper > #custom-row .swatch {
+    --_fieldSwatchSize: min(
+      var(--color-picker-swatch-size, 20px),
+      calc(var(--_lineHeight) + 2 * var(--_paddingBlock))
+    );
+    width: var(--_fieldSwatchSize);
+    height: var(--_fieldSwatchSize);
+  }
+  #field-wrapper > #custom-row #native-swatch {
+    display: flex;
+  }
   #native-input {
     position: absolute;
     inset: 0;
@@ -194,13 +207,13 @@ import{a as V}from"./chunks/chunk-GWLD2I3P.js";import{a as u}from"./chunks/chunk
     outline: 2px solid var(--_focusIndicator);
     outline-offset: 2px;
   }
-`,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`
+`,W=[B,V,...x?[]:[K],U];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 Y="eun-color-picker",j=F(T(M)),G=A(R(H(z(_(S(k(O(D(j))))))))),t=class extends G{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 N(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:P(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 C(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"
           size="s"
           color="primary"
-          appearance="default"
+          appearance="soft"
           rounded
           type="button"
           @click=${this.handleConfirmClick}
@@ -257,7 +270,7 @@ import{a as V}from"./chunks/chunk-GWLD2I3P.js";import{a as u}from"./chunks/chunk
               tabindex=${y===h?"0":"-1"}
               style="--_optionColor: ${b.value}"
               @click=${()=>this.handleSelect(b.value)}
-              @keydown=${P=>this.handlePresetKeydown(P,y)}
+              @keydown=${q=>this.handlePresetKeydown(q,y)}
             >
               <span class="swatch"></span>
             </button>
@@ -405,4 +418,4 @@ import{a as V}from"./chunks/chunk-GWLD2I3P.js";import{a as u}from"./chunks/chunk
         ${s} ${i}
         <slot hidden @slotchange=${this.handleSlotChange}></slot>
       </div>
-    `}};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};
+    `}};t.styles=[W,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([f()],t.prototype,"isOpen",2),a([f()],t.prototype,"hexDraft",2),a([f()],t.prototype,"presetFocusIndex",2),a([v("#field")],t.prototype,"fieldEl",2),a([v("#field-wrapper")],t.prototype,"fieldWrapperEl",2),a([v("#listbox")],t.prototype,"listboxEl",2),a([E(".swatch-button")],t.prototype,"presetButtonEls",2),t=a([L(Y)],t);export{t as EunomiaColorPicker,Y as EunomiaColorPickerTagName};

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

@@ -1,4 +1,4 @@
-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`
+import{a as _}from"./chunks/chunk-L74LXUGL.js";import{a as I,b as k}from"./chunks/chunk-WW4BTWMH.js";import{a as g}from"./chunks/chunk-GVS6IUKC.js";import{a as M}from"./chunks/chunk-P6LGU3FT.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 C=p`
   :host {
     --_borderColor: var(
       --counter-border-color,
@@ -19,10 +19,8 @@ import{a as M}from"./chunks/chunk-L74LXUGL.js";import{a as I,b as _}from"./chunk
       --counter-focus-outline-color,
       var(--eun-color-primary-500, #3d6fff)
     );
-    --_borderRadius: var(
-      --counter-border-radius,
-      var(--eun-border-radius-m, 8px)
-    );
+    --_defaultBorderRadius: var(--eun-border-radius-m, 8px);
+    --_borderRadius: var(--counter-border-radius, var(--_defaultBorderRadius));
     --_fieldWidth: var(--counter-field-width, 3.5rem);
     font-family: var(--eun-font-family, "Mulish", sans-serif);
     font-size: var(--eun-font-size-s, 14px);
@@ -32,6 +30,10 @@ import{a as M}from"./chunks/chunk-L74LXUGL.js";import{a as I,b as _}from"./chunk
     outline: none;
   }
 
+  :host([rounded]) {
+    --_defaultBorderRadius: var(--eun-border-radius-xl, 999px);
+  }
+
   #wrapper {
     display: flex;
     flex-direction: column;
@@ -181,7 +183,7 @@ import{a as M}from"./chunks/chunk-L74LXUGL.js";import{a as I,b as _}from"./chunk
   :host([appearance="underline"]) #field-wrapper:focus-within {
     outline: none;
   }
-`,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`
+`,$=C;var E="eun-counter",V=h(y(f)),F=b(M(g(w(x(v(V)))))),i=class extends F{constructor(){super();this.step=1;this.handleImplicitSubmission=e=>{let r=this.internals.form;!r||e.composedPath()[0]!==this.fieldEl||!I(e)||(e.preventDefault(),k(r))};this.checkLocalValidators=()=>_(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),L=!Number.isInteger(this.step);return l`
       <div id="field-wrapper">
         <button
           type="button"
@@ -203,7 +205,7 @@ import{a as M}from"./chunks/chunk-L74LXUGL.js";import{a as I,b as _}from"./chunk
           min=${a(this.min)}
           max=${a(this.max)}
           step=${this.step}
-          inputmode=${$?"decimal":"numeric"}
+          inputmode=${L?"decimal":"numeric"}
           aria-invalid=${this.showError}
           aria-label=${a(this.label)}
           aria-describedby=${e?"description":s}
@@ -226,4 +228,4 @@ import{a as M}from"./chunks/chunk-L74LXUGL.js";import{a as I,b as _}from"./chunk
         ${this.renderFormLabels("field")}
         ${this.renderField(e!==s)} ${e}
       </div>
-    `}};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};
+    `}};i.styles=[$,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(E)],i);export{i as EunomiaCounter,E as EunomiaCounterTagName};