@eunomia/elements 1.0.0-beta.9 → 1.0.0

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

@@ -1,4 +1,4 @@
-import{a as K}from"./chunks/chunk-GWLD2I3P.js";import{a as u}from"./chunks/chunk-B5XMGWM7.js";import{a as O}from"./chunks/chunk-GBSAVPKA.js";import{a as P,b as V}from"./chunks/chunk-SK3YHD6O.js";import"./chunks/chunk-VJCNHMQZ.js";import{a as R}from"./chunks/chunk-QWTFP56P.js";import{a as z}from"./chunks/chunk-WIUERJII.js";import{a as B}from"./chunks/chunk-Y3HOIL64.js";import{b as N,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-7PEODUNH.js";import{c as C,d as D,e as T,f as m}from"./chunks/chunk-MY6ORZJR.js";import{a as F}from"./chunks/chunk-YYCEPZUN.js";import{a as k}from"./chunks/chunk-3BMACIDO.js";import{a as d}from"./chunks/chunk-PPCHQG7P.js";import{a as c}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as E}from"./chunks/chunk-JGV7LHEI.js";import"./chunks/chunk-GNAUNTS5.js";import{a,f as L,h as I,j as l,k as v,l as f,m as M,p as n,r as o,u as A}from"./chunks/chunk-YITWLCD3.js";var U=I`
+import{a as h}from"./chunks/chunk-B5XMGWM7.js";import{a as B}from"./chunks/chunk-GWLD2I3P.js";import{a as T}from"./chunks/chunk-GBSAVPKA.js";import{a as z,b as V}from"./chunks/chunk-SK3YHD6O.js";import"./chunks/chunk-VJCNHMQZ.js";import{a as _}from"./chunks/chunk-7HXPLZ7C.js";import{a as S}from"./chunks/chunk-WIUERJII.js";import{a as R}from"./chunks/chunk-AW7PU43S.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 O}from"./chunks/chunk-GVS6IUKC.js";import{a as H}from"./chunks/chunk-P6LGU3FT.js";import{a as C}from"./chunks/chunk-7PEODUNH.js";import{c as k,d as F,e as D,f as m}from"./chunks/chunk-JDUWKPHW.js";import{a as M}from"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-QNWKRPOW.js";import{a as E}from"./chunks/chunk-3BMACIDO.js";import{a as u}from"./chunks/chunk-TWLI2ZOT.js";import{a as d}from"./chunks/chunk-PPCHQG7P.js";import{a as c}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as A}from"./chunks/chunk-WP6ZYBAC.js";import"./chunks/chunk-2XPIGFBD.js";import{a as i,f as w,h as $,j as o,k as v,l as f,m as L,p as n,r as l,u as I}from"./chunks/chunk-YITWLCD3.js";var q=$`
   button#field {
     flex: 1 1 auto;
     display: flex;
@@ -207,7 +207,7 @@ import{a as K}from"./chunks/chunk-GWLD2I3P.js";import{a as u}from"./chunks/chunk
     outline: 2px solid var(--_focusIndicator);
     outline-offset: 2px;
   }
-`,W=[B,P,...x?[]:[V],U];function w($){let p=$.trim();if(!p)return null;if(/^#[0-9a-f]{6}$/i.test(p))return p.toLowerCase();if(/^#[0-9a-f]{3}$/i.test(p)){let[r,s,h]=p.slice(1);return`#${r}${r}${s}${s}${h}${h}`.toLowerCase()}let e=p.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=k(T(A)),G=E(R(H(z(_(S(D(O(C(j))))))))),t=class extends G{constructor(){super(...arguments);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 K(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:N(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`
+`,K=[R,z,...x?[]:[V],q];var N="eun-color-picker",U=E(D(I)),Y=A(_(H(S(O(C(F(T(k(U))))))))),t=class extends Y{constructor(){super(...arguments);this.noAnimation=!1;this.swatchOnly=!1;this.presetsOnly=!1;this.presetsInline=!1;this.isOpen=!1;this.hexDraft="";this.presetFocusIndex=-1;this.checkLocalValidators=()=>!!this.value&&u(this.value)===null||this.isInlineHexField&&this.hexDraftInvalid?{validity:{badInput:!0},message:this.dictionary.validation.invalidColor}:{validity:{}};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 a=Array.isArray(e)?e[0]:e;super.defaultValue=a}get presets(){return B(this.children)}get hexDraftInvalid(){return this.hexDraft!==""&&u(this.hexDraft)===null}get nativeValue(){return u(this.value??"")??"#000000"}get isInlineHexField(){return!(this.readonlyAvailable&&!this.editing)&&!this.swatchOnly&&this.presets.length===0}formResetCallback(){super.formResetCallback(),this.hexDraft=this.value??""}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){e.has("value")&&!this.isOpen&&(this.hexDraft=this.value??""),e.has("hexDraft")&&this.checkValidity(this.value),super.willUpdate(e)}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 a=this.listboxAnimationDuration(e);a!==0&&(this.listboxAnimation=e.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:a,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 a=this.listboxAnimationDuration(e);if(a===0){e.hidePopover();return}let s=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:a,easing:g(e),fill:"forwards"});this.listboxAnimation=s,s.finished.then(()=>{this.listboxAnimation===s&&(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 M(this.value)),this.closeListbox()}handlePresetKeydown(e,a){let s=this.presets,r;switch(e.key){case"ArrowRight":case"ArrowDown":r=(a+1)%s.length;break;case"ArrowLeft":case"ArrowUp":r=(a-1+s.length)%s.length;break;case"Home":r=0;break;case"End":r=s.length-1;break;default:return}e.preventDefault(),this.presetFocusIndex=r,this.presetButtonEls[r]?.focus()}handleNativeInput(e){this.handleSelect(e.target.value)}handleHexInput(e){this.hexDraft=e.target.value}handleHexCommit(){let e=u(this.hexDraft);e?this.handleSelect(e):this.hexDraft.trim()===""&&(this.hexDraft=this.value??"")}handleSlotChange(){this.requestUpdate()}renderEditActions(){return n`
       <div id="edit-actions">
         <eun-button
           class="confirm"
@@ -242,7 +242,7 @@ import{a as K}from"./chunks/chunk-GWLD2I3P.js";import{a as u}from"./chunks/chunk
           class=${c({swatch:!0,empty:!this.value})}
           style="--_swatchColor: ${d(this.value)}"
         ></span>
-        ${this.swatchOnly?o:n`
+        ${this.swatchOnly?l:n`
               <span class=${c({empty:!this.value})}
                 >${this.value||(this.emptyValueLabel??this.dictionary.colorPicker.noColor)}</span
               >
@@ -255,24 +255,24 @@ import{a as K}from"./chunks/chunk-GWLD2I3P.js";import{a as u}from"./chunks/chunk
         >
         ${this.renderSwatchListbox(e,this.swatchesLabel??this.dictionary.colorPicker.swatches,!1)}
       </div>
-    `}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`
+    `}renderSwatchListbox(e,a,s){let r=e.findIndex(p=>p.value===this.value),b=this.presetFocusIndex>=0&&this.presetFocusIndex<e.length?this.presetFocusIndex:Math.max(r,0);return n`
       <div
         id="swatches"
         role="listbox"
-        aria-label=${d(i)}
-        aria-describedby=${r?"description":o}
+        aria-label=${d(a)}
+        aria-describedby=${s?"description":l}
       >
-        ${e.map((b,y)=>n`
+        ${e.map((p,y)=>n`
             <button
               type="button"
               class="swatch-button"
               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=${q=>this.handlePresetKeydown(q,y)}
+              aria-selected=${y===r?"true":"false"}
+              aria-label=${p.label}
+              tabindex=${y===b?"0":"-1"}
+              style="--_optionColor: ${p.value}"
+              @click=${()=>this.handleSelect(p.value)}
+              @keydown=${W=>this.handlePresetKeydown(W,y)}
             >
               <span class="swatch"></span>
             </button>
@@ -290,7 +290,7 @@ import{a as K}from"./chunks/chunk-GWLD2I3P.js";import{a as u}from"./chunks/chunk
           aria-invalid=${!this.errorsHidden&&!this.disabled&&this.hexDraftInvalid||this.showError}
           ?disabled=${this.disabled}
           ?readonly=${this.readonly}
-          .value=${u(this.hexDraft)}
+          .value=${h(this.hexDraft)}
           @input=${this.handleHexInput}
           @change=${this.handleHexCommit}
           @keydown=${e=>{e.key==="Enter"&&(e.preventDefault(),this.handleHexCommit())}}
@@ -300,7 +300,7 @@ import{a as K}from"./chunks/chunk-GWLD2I3P.js";import{a as u}from"./chunks/chunk
       <div id="field-wrapper">
         ${this.renderSwatchListbox(this.presets,this.triggerAccessibleLabel,e)}
       </div>
-      ${this.readonlyAvailable?this.renderEditActions():o}
+      ${this.readonlyAvailable?this.renderEditActions():l}
     `}renderInlineCustomField(e){return n`
       <div id="field-wrapper">
         <div id="custom-row">
@@ -314,7 +314,7 @@ import{a as K}from"./chunks/chunk-GWLD2I3P.js";import{a as u}from"./chunks/chunk
               id="native-input"
               aria-label=${this.nativeInputLabel??this.dictionary.colorPicker.nativeInput}
               ?disabled=${this.disabled||this.readonly}
-              .value=${u(this.value||"#000000")}
+              .value=${h(this.nativeValue)}
               @input=${this.handleNativeInput}
             />
           </label>
@@ -322,22 +322,22 @@ import{a as K}from"./chunks/chunk-GWLD2I3P.js";import{a as u}from"./chunks/chunk
             type="text"
             id="field"
             aria-label=${this.label||(this.hexInputLabel??this.dictionary.colorPicker.hexInput)}
-            aria-describedby=${e?"description":o}
+            aria-describedby=${e?"description":l}
             aria-required=${this.required?"true":"false"}
             aria-invalid=${!this.errorsHidden&&!this.disabled&&this.hexDraftInvalid||this.showError}
             ?disabled=${this.disabled}
             ?readonly=${this.readonly}
-            .value=${u(this.hexDraft)}
+            .value=${h(this.hexDraft)}
             @input=${this.handleHexInput}
             @change=${this.handleHexCommit}
-            @keydown=${i=>{i.key==="Enter"&&(i.preventDefault(),this.handleHexCommit())}}
+            @keydown=${a=>{a.key==="Enter"&&(a.preventDefault(),this.handleHexCommit())}}
           />
         </div>
       </div>
-      ${this.readonlyAvailable?this.renderEditActions():o}
+      ${this.readonlyAvailable?this.renderEditActions():l}
     `}renderField(e){return n`
       <div id="field-wrapper">
-        ${this.presetsOnly?o:n`
+        ${this.presetsOnly?l:n`
               <label id="native-swatch">
                 <span
                   class=${c({swatch:!0,empty:!this.value})}
@@ -348,7 +348,7 @@ import{a as K}from"./chunks/chunk-GWLD2I3P.js";import{a as u}from"./chunks/chunk
                   id="native-input"
                   aria-label=${this.nativeInputLabel??this.dictionary.colorPicker.nativeInput}
                   ?disabled=${this.disabled||this.readonly}
-                  .value=${u(this.value||"#000000")}
+                  .value=${h(this.nativeValue)}
                   @input=${this.handleNativeInput}
                 />
               </label>
@@ -359,7 +359,7 @@ import{a as K}from"./chunks/chunk-GWLD2I3P.js";import{a as u}from"./chunks/chunk
           aria-haspopup="dialog"
           aria-expanded=${this.isOpen}
           aria-label=${d(this.triggerAccessibleLabel)}
-          aria-describedby=${e?"description":o}
+          aria-describedby=${e?"description":l}
           ?disabled=${this.disabled}
           aria-required=${this.required?"true":"false"}
           aria-invalid=${this.showError}
@@ -372,7 +372,7 @@ import{a as K}from"./chunks/chunk-GWLD2I3P.js";import{a as u}from"./chunks/chunk
                   class=${c({swatch:!0,empty:!this.value})}
                   style="--_swatchColor: ${d(this.value)}"
                 ></span>
-              `:o}
+              `:l}
           <span id="value-text" class=${c({empty:!this.value})}>
             ${this.value||(this.emptyValueLabel??this.dictionary.colorPicker.noColor)}
           </span>
@@ -384,7 +384,7 @@ import{a as K}from"./chunks/chunk-GWLD2I3P.js";import{a as u}from"./chunks/chunk
           >
         </button>
       </div>
-      ${this.readonlyAvailable?this.renderEditActions():o}
+      ${this.readonlyAvailable?this.renderEditActions():l}
       <div
         id="listbox"
         role="dialog"
@@ -393,7 +393,7 @@ import{a as K}from"./chunks/chunk-GWLD2I3P.js";import{a as u}from"./chunks/chunk
         @toggle=${this.handlePopoverToggle}
       >
         ${this.renderPresets(this.presets)}
-        ${this.presetsOnly?o:this.renderHexRow()}
+        ${this.presetsOnly?l:this.renderHexRow()}
       </div>
     `}renderSwatchOnlyField(e){return n`
       <div id="field-wrapper">
@@ -407,19 +407,19 @@ import{a as K}from"./chunks/chunk-GWLD2I3P.js";import{a as u}from"./chunks/chunk
             type="color"
             id="field"
             aria-label=${d(this.triggerAccessibleLabel)}
-            aria-describedby=${e?"description":o}
+            aria-describedby=${e?"description":l}
             ?disabled=${this.disabled||this.readonly}
             aria-invalid=${this.showError}
-            .value=${u(this.value||"#000000")}
+            .value=${h(this.nativeValue)}
             @input=${this.handleNativeInput}
           />
         </label>
       </div>
-      ${this.readonlyAvailable?this.renderEditActions():o}
-    `}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`
+      ${this.readonlyAvailable?this.renderEditActions():l}
+    `}render(){let e=this.readonlyAvailable&&!this.editing,a=this.renderDescription(),s=a!==l,r,b=this.presets.length>0;return e?r=this.renderReadonlyDisplay():this.swatchOnly?r=this.renderSwatchOnlyField(s):this.presetsInline&&b?r=this.renderInlinePresetsField(s):b?r=this.renderField(s):r=this.renderInlineCustomField(s),n`
       <div id="wrapper" @focusout=${this.handleFocusOut}>
         ${this.renderFormLabels(e?void 0:"field")}
-        ${s} ${i}
+        ${r} ${a}
         <slot hidden @slotchange=${this.handleSlotChange}></slot>
       </div>
-    `}};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([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([M(".swatch-button")],t.prototype,"presetButtonEls",2),t=a([L(Y)],t);export{t as EunomiaColorPicker,Y as EunomiaColorPickerTagName};
+    `}};t.styles=[K,m.base,m.errorMessages,m.hintMessages],i([o({attribute:"default-value"})],t.prototype,"defaultValue",1),i([o({attribute:"empty-value-label"})],t.prototype,"emptyValueLabel",2),i([o({attribute:"swatches-label"})],t.prototype,"swatchesLabel",2),i([o({attribute:"custom-label"})],t.prototype,"customLabel",2),i([o({attribute:"native-input-label"})],t.prototype,"nativeInputLabel",2),i([o({attribute:"hex-input-label"})],t.prototype,"hexInputLabel",2),i([o({attribute:"confirm-label"})],t.prototype,"confirmLabel",2),i([o({attribute:"cancel-label"})],t.prototype,"cancelLabel",2),i([o({type:Boolean,reflect:!0,attribute:"no-animation"})],t.prototype,"noAnimation",2),i([o({type:Boolean,reflect:!0,attribute:"swatch-only"})],t.prototype,"swatchOnly",2),i([o({type:Boolean,reflect:!0,attribute:"presets-only"})],t.prototype,"presetsOnly",2),i([o({type:Boolean,reflect:!0,attribute:"presets-inline"})],t.prototype,"presetsInline",2),i([v()],t.prototype,"isOpen",2),i([v()],t.prototype,"hexDraft",2),i([v()],t.prototype,"presetFocusIndex",2),i([f("#field")],t.prototype,"fieldEl",2),i([f("#field-wrapper")],t.prototype,"fieldWrapperEl",2),i([f("#listbox")],t.prototype,"listboxEl",2),i([L(".swatch-button")],t.prototype,"presetButtonEls",2),t=i([w(N)],t);export{t as EunomiaColorPicker,N as EunomiaColorPickerTagName};

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

@@ -1,4 +1,4 @@
-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-7PEODUNH.js";import{c as v,d as x,e as y,f as d}from"./chunks/chunk-MY6ORZJR.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-JGV7LHEI.js";import"./chunks/chunk-GNAUNTS5.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`
+import{a as _}from"./chunks/chunk-SCAP7J35.js";import{a as I,b as k}from"./chunks/chunk-MSQWOKBB.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-7PEODUNH.js";import{c as v,d as x,e as y,f as d}from"./chunks/chunk-JDUWKPHW.js";import{a as u}from"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-QNWKRPOW.js";import{a as h}from"./chunks/chunk-3BMACIDO.js";import{a as o}from"./chunks/chunk-PPCHQG7P.js";import{a as b}from"./chunks/chunk-WP6ZYBAC.js";import"./chunks/chunk-2XPIGFBD.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,
@@ -8,13 +8,13 @@ import{a as _}from"./chunks/chunk-L74LXUGL.js";import{a as I,b as k}from"./chunk
     --_textColor: var(--counter-text-color, var(--eun-text-color, #071621));
     --_buttonColor: var(
       --counter-button-color,
-      var(--eun-text-secondary, #484e61)
+      var(--eun-text-secondary, #666e8a)
     );
     --_errorColor: var(
       --counter-error-color,
       var(--eun-color-critical-100, #aa0014)
     );
-    --_hintColor: var(--counter-hint-color, var(--eun-text-secondary, #484e61));
+    --_hintColor: var(--counter-hint-color, var(--eun-text-secondary, #666e8a));
     --_focusIndicator: var(
       --counter-focus-outline-color,
       var(--eun-color-primary-500, #3d6fff)
@@ -183,7 +183,7 @@ import{a as _}from"./chunks/chunk-L74LXUGL.js";import{a as I,b as k}from"./chunk
   :host([appearance="underline"]) #field-wrapper:focus-within {
     outline: none;
   }
-`,$=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`
+`,$=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.validationDictionary.validation);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,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),L=!Number.isInteger(this.step);return l`
       <div id="field-wrapper">
         <button
           type="button"
@@ -202,12 +202,12 @@ import{a as _}from"./chunks/chunk-L74LXUGL.js";import{a as I,b as k}from"./chunk
           ?disabled=${this.disabled}
           ?readonly=${this.readonly}
           ?required=${this.required}
-          min=${a(this.min)}
-          max=${a(this.max)}
+          min=${o(this.min)}
+          max=${o(this.max)}
           step=${this.step}
           inputmode=${L?"decimal":"numeric"}
           aria-invalid=${this.showError}
-          aria-label=${a(this.label)}
+          aria-label=${o(this.label)}
           aria-describedby=${e?"description":s}
           @input=${this.handleInput}
           @keydown=${this.handleKeydown}
@@ -217,7 +217,7 @@ import{a as _}from"./chunks/chunk-L74LXUGL.js";import{a as I,b as k}from"./chunk
           id="increment"
           tabindex="-1"
           aria-label=${this.incrementLabel??this.dictionary.counter.increment}
-          ?disabled=${!o}
+          ?disabled=${!a}
           @click=${()=>this.stepBy(1)}
         >
           <eun-icon name="add" size="16"></eun-icon>