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

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

@@ -1,4 +1,4 @@
-import{b as g}from"./chunks/chunk-NHFWATVN.js";import{a as L,b as k}from"./chunks/chunk-KBH5PCUO.js";import"./chunks/chunk-E4IS25H7.js";import{a as w,b as A}from"./chunks/chunk-5XJGYXW7.js";import{a as y}from"./chunks/chunk-LK5BJ4SH.js";import"./chunks/chunk-UAGCQF23.js";import{a as c}from"./chunks/chunk-LYYQAALT.js";import"./chunks/chunk-L74LXUGL.js";import"./chunks/chunk-XSMCT4DF.js";import"./chunks/chunk-GW3VP2L7.js";import"./chunks/chunk-OAULRKHQ.js";import{a as x}from"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-T7WABJEJ.js";import{a as m}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as p}from"./chunks/chunk-5EVP7YNE.js";import{a as r,f as b,g as v,h as n,i as h,j as d,n as o,p as a}from"./chunks/chunk-XH6NREVZ.js";var $=v`
+import{b as f}from"./chunks/chunk-BQFJR2UP.js";import{a as k,b as T}from"./chunks/chunk-PE4DAXHQ.js";import"./chunks/chunk-G5SBDQQ3.js";import{a as A,b as L}from"./chunks/chunk-MOMYII3P.js";import"./chunks/chunk-L74LXUGL.js";import{a as w}from"./chunks/chunk-LK5BJ4SH.js";import"./chunks/chunk-UYZR4JXZ.js";import{b as I,c as g}from"./chunks/chunk-624VJYNA.js";import{a as c}from"./chunks/chunk-LYYQAALT.js";import"./chunks/chunk-4PI6RDUS.js";import"./chunks/chunk-BO3JOEWM.js";import"./chunks/chunk-VOTRXBDS.js";import{a as y}from"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-RS7TWEMQ.js";import{a as p}from"./chunks/chunk-PPCHQG7P.js";import{a as x}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-KSZRQRN4.js";import{a as r,f as v,h as m,j as n,k as h,l as d,p as o,r as l}from"./chunks/chunk-YITWLCD3.js";var O=m`
   #shortcut-hint {
     flex-shrink: 0;
     display: inline-flex;
@@ -20,15 +20,16 @@ import{b as g}from"./chunks/chunk-NHFWATVN.js";import{a as L,b as k}from"./chunk
   :host([loading]) #clear {
     display: none;
   }
+  #field-loader {
+    color: var(--field-loader-color, var(--_iconColor));
+  }
   #field-wrapper #field-loader {
     position: absolute;
     right: var(--eun-space-s, 8px);
     pointer-events: none;
-    color: var(--_iconColor);
   }
   #search-trigger #field-loader {
     flex-shrink: 0;
-    color: var(--_iconColor);
   }
   #search-trigger {
     position: relative;
@@ -48,8 +49,8 @@ import{b as g}from"./chunks/chunk-NHFWATVN.js";import{a as L,b as k}from"./chunk
     appearance: none;
     outline: 1px solid transparent;
     transition:
-      outline 0.15s ease,
-      border-color 0.15s ease;
+      outline var(--eun-duration-s, 150ms) var(--eun-easing-default, ease),
+      border-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease);
   }
   :host(:not([aria-disabled="true"])) #search-trigger:hover {
     border-color: var(
@@ -68,16 +69,16 @@ import{b as g}from"./chunks/chunk-NHFWATVN.js";import{a as L,b as k}from"./chunk
     background-color: var(--eun-disabled-color, #ecedf0);
     color: var(--eun-text-disabled-color, #8d93aa);
   }
-  :host([variant="fill"]) #search-trigger {
+  :host([appearance="flat"]) #search-trigger {
     border-color: transparent;
   }
-  :host([variant="underline"]) #search-trigger {
+  :host([appearance="underline"]) #search-trigger {
     border: none;
     outline: none;
     border-bottom: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
     border-radius: 0;
   }
-  :host([variant="underline"]) #search-trigger:focus-visible {
+  :host([appearance="underline"]) #search-trigger:focus-visible {
     outline: none;
   }
   #trigger-icon {
@@ -137,18 +138,18 @@ import{b as g}from"./chunks/chunk-NHFWATVN.js";import{a as L,b as k}from"./chunk
     gap: var(--eun-space-xs, 4px);
     padding: var(--eun-space-s, 8px) var(--eun-space-m, 16px);
   }
-`,T=$;var P="eun-search",i=class extends y(g){constructor(){super(...arguments);this.type="search";this.icon="search";this.clearable=!0;this.shortcut=!1;this.panel=!1;this.ariaLabelPanel="Search";this.loading=!1;this.loadingLabel="Loading\u2026";this.suggestions=!1;this.noResultsLabel="No results";this.isOpen=!1;this.highlightedIndex=-1;this.handleFieldPointerDown=()=>{this.fieldPointerDownAt=performance.now()};this.handleSuggestionsFieldActivate=()=>{!this.suggestions||this.panel||this.isOpen||this.openSuggestions()};this.handleSuggestionsInput=()=>{!this.suggestions||this.panel||(this.highlightedIndex=-1,this.isOpen||this.openSuggestions())};this.handleSuggestionsKeydown=e=>{if(!(!this.suggestions||this.panel))switch(e.key){case"ArrowDown":{e.preventDefault(),this.isOpen||this.openSuggestions(),this.filteredOptions.length&&(this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredOptions.length-1));break}case"ArrowUp":{e.preventDefault(),this.isOpen||this.openSuggestions(),this.filteredOptions.length&&(this.highlightedIndex=Math.max(this.highlightedIndex-1,0));break}case"Enter":{let t=this.filteredOptions[this.highlightedIndex];t&&(e.preventDefault(),this.handleSelect(t));break}default:break}};this.handleSuggestionsPopoverToggle=e=>{if(e.newState==="open"){this.isOpen=!0,this.fieldWrapperEl&&this.listboxEl&&this.anchorFloatingElement(this.fieldWrapperEl,this.listboxEl,{forceFallback:c}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closeSuggestions());return}if(this.fieldPointerDownAt!==void 0&&performance.now()-this.fieldPointerDownAt<i.FIELD_POINTER_DOWN_WINDOW_MS){this.fieldPointerDownAt=void 0,this.openSuggestions();return}this.isOpen=!1,this.highlightedIndex=-1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility()};this.handleShortcut=e=>{!this.shortcut||this.disabled||(e.metaKey||e.ctrlKey)&&e.key.toLowerCase()==="k"&&(e.preventDefault(),this.panel?this.openPanel():this.focus())}}connectedCallback(){super.connectedCallback?.(),window.addEventListener("keydown",this.handleShortcut)}disconnectedCallback(){window.removeEventListener("keydown",this.handleShortcut),super.disconnectedCallback?.()}willUpdate(e){super.willUpdate(e),this.type!=="search"&&(this.type="search")}focusTarget(){return this.panel?this.triggerEl:super.focusTarget()}openPanel(){this.modalEl?.show()}closePanel(){this.modalEl?.hide()}firstUpdated(e){super.firstUpdated(e);let t=this.shadowRoot?.getElementById("field");t&&(t.addEventListener("pointerdown",this.handleFieldPointerDown),t.addEventListener("focus",this.handleSuggestionsFieldActivate),t.addEventListener("click",this.handleSuggestionsFieldActivate),t.addEventListener("input",this.handleSuggestionsInput),t.addEventListener("keydown",this.handleSuggestionsKeydown))}get options(){return L(this.children)}get effectiveQuery(){return(this.value??"").trim().toLowerCase()}get filteredOptions(){let e=this.effectiveQuery;return e?this.options.filter(t=>t.label.toLowerCase().includes(e)):this.options}openSuggestions(){if(this.disabled||this.readonly){this.fieldPointerDownAt=void 0;return}let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")||e?.showPopover(),e&&this.playListboxOpenAnimation(e)}static listboxAnimationDuration(e){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let t=getComputedStyle(e).getPropertyValue("--field-listbox-transition-duration").trim();if(t){let s=t.endsWith("ms")?Number.parseFloat(t):Number.parseFloat(t)*1e3;if(Number.isFinite(s)&&s>=0)return s}return 200}playListboxOpenAnimation(e){e.style.removeProperty("pointer-events");let t=i.listboxAnimationDuration(e);t!==0&&(this.listboxAnimation=e.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:t,easing:"ease",fill:"forwards"}))}closeSuggestions(){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=i.listboxAnimationDuration(e);if(t===0){e.hidePopover();return}let s=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:t,easing:"ease",fill:"forwards"});this.listboxAnimation=s,s.finished.then(()=>{this.listboxAnimation===s&&(this.listboxAnimation=void 0),e.hidePopover()}).catch(()=>{})}handleSelect(e){this.value=e.label,this.dispatchEvent(new x),this.closeSuggestions()}renderSuggestionOptionRows(e){let t=[],s=this.effectiveQuery,f;return e.forEach((l,u)=>{l.group!==f&&(f=l.group,l.group&&t.push(o`<li class="group-label" role="presentation">
-              ${l.group}
+`,$=O;var P="eun-search",i=class extends w(f){constructor(){super(...arguments);this.type="search";this.icon="search";this.clearable=!0;this.shortcut=!1;this.panel=!1;this.ariaLabelPanel="Search";this.loading=!1;this.loadingLabel="Loading\u2026";this.suggestions=!1;this.noResultsLabel="No results";this.isOpen=!1;this.highlightedIndex=-1;this.handleFieldPointerDown=()=>{this.fieldPointerDownAt=performance.now()};this.handleSuggestionsFieldActivate=()=>{!this.suggestions||this.panel||this.isOpen||this.openSuggestions()};this.handleSuggestionsInput=()=>{!this.suggestions||this.panel||(this.highlightedIndex=-1,this.isOpen||this.openSuggestions())};this.handleSuggestionsKeydown=e=>{if(!(!this.suggestions||this.panel))switch(e.key){case"ArrowDown":{e.preventDefault(),this.isOpen||this.openSuggestions(),this.filteredOptions.length&&(this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredOptions.length-1));break}case"ArrowUp":{e.preventDefault(),this.isOpen||this.openSuggestions(),this.filteredOptions.length&&(this.highlightedIndex=Math.max(this.highlightedIndex-1,0));break}case"Enter":{let t=this.filteredOptions[this.highlightedIndex];t&&(e.preventDefault(),this.handleSelect(t));break}default:break}};this.handleSuggestionsPopoverToggle=e=>{if(e.newState==="open"){this.isOpen=!0,this.fieldWrapperEl&&this.listboxEl&&this.anchorFloatingElement(this.fieldWrapperEl,this.listboxEl,{forceFallback:c}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closeSuggestions());return}if(this.fieldPointerDownAt!==void 0&&performance.now()-this.fieldPointerDownAt<i.FIELD_POINTER_DOWN_WINDOW_MS){this.fieldPointerDownAt=void 0,this.openSuggestions();return}this.isOpen=!1,this.highlightedIndex=-1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility()};this.handleShortcut=e=>{!this.shortcut||this.disabled||(e.metaKey||e.ctrlKey)&&e.key.toLowerCase()==="k"&&(e.preventDefault(),this.panel?this.openPanel():this.focus())}}connectedCallback(){super.connectedCallback?.(),window.addEventListener("keydown",this.handleShortcut)}disconnectedCallback(){window.removeEventListener("keydown",this.handleShortcut),super.disconnectedCallback?.()}willUpdate(e){super.willUpdate(e),this.type!=="search"&&(this.type="search")}focusTarget(){return this.panel?this.triggerEl:super.focusTarget()}openPanel(){this.modalEl?.show()}closePanel(){this.modalEl?.hide()}firstUpdated(e){super.firstUpdated(e);let t=this.shadowRoot?.getElementById("field");t&&(t.addEventListener("pointerdown",this.handleFieldPointerDown),t.addEventListener("focus",this.handleSuggestionsFieldActivate),t.addEventListener("click",this.handleSuggestionsFieldActivate),t.addEventListener("input",this.handleSuggestionsInput),t.addEventListener("keydown",this.handleSuggestionsKeydown))}get options(){return k(this.children)}get effectiveQuery(){return(this.value??"").trim().toLowerCase()}get filteredOptions(){let e=this.effectiveQuery;return e?this.options.filter(t=>t.label.toLowerCase().includes(e)):this.options}openSuggestions(){if(this.disabled||this.readonly){this.fieldPointerDownAt=void 0;return}let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")||e?.showPopover(),e&&this.playListboxOpenAnimation(e)}static listboxAnimationDuration(e){return window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:I(e,"--field-listbox-transition-duration","m",200)}playListboxOpenAnimation(e){e.style.removeProperty("pointer-events");let t=i.listboxAnimationDuration(e);t!==0&&(this.listboxAnimation=e.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:t,easing:g(e),fill:"forwards"}))}closeSuggestions(){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=i.listboxAnimationDuration(e);if(t===0){e.hidePopover();return}let s=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:t,easing:g(e),fill:"forwards"});this.listboxAnimation=s,s.finished.then(()=>{this.listboxAnimation===s&&(this.listboxAnimation=void 0),e.hidePopover()}).catch(()=>{})}handleSelect(e){this.value=e.label,this.dispatchEvent(new y),this.closeSuggestions()}renderSuggestionOptionRows(e){let t=[],s=this.effectiveQuery,b;return e.forEach((a,u)=>{a.group!==b&&(b=a.group,a.group&&t.push(o`<li class="group-label" role="presentation">
+              ${a.group}
             </li>`)),t.push(o`
         <li
           id="listbox-option-${u}"
           role="option"
-          aria-selected=${l.label.toLowerCase()===s}
-          class=${m({highlighted:u===this.highlightedIndex,selected:l.label.toLowerCase()===s})}
-          @mousedown=${I=>{I.preventDefault(),this.handleSelect(l)}}
+          aria-selected=${a.label.toLowerCase()===s}
+          class=${x({highlighted:u===this.highlightedIndex,selected:a.label.toLowerCase()===s})}
+          @mousedown=${D=>{D.preventDefault(),this.handleSelect(a)}}
           @mouseenter=${()=>{this.highlightedIndex=u}}
         >
-          ${k(l.label,s)}
+          ${T(a.label,s)}
         </li>
       `)}),t}renderSuggestionsListbox(){return o`
       <ul
@@ -169,11 +170,11 @@ import{b as g}from"./chunks/chunk-NHFWATVN.js";import{a as L,b as k}from"./chunk
         variant="spinner"
         size="16"
         label=${this.loadingLabel}
-      ></eun-loader>`:e?a:this.panel?o`<kbd id="shortcut-hint" aria-hidden="true">Esc</kbd>`:this.shortcut?o`<kbd id="shortcut-hint" aria-hidden="true"
+      ></eun-loader>`:e?l:this.panel?o`<kbd id="shortcut-hint" aria-hidden="true">Esc</kbd>`:this.shortcut?o`<kbd id="shortcut-hint" aria-hidden="true"
       >${this.shortcutLabel}</kbd
-    >`:a}hasTrailingAddon(){return this.loading||this.panel||this.shortcut}renderTriggerIndicator(){return this.shortcut?o`<kbd id="shortcut-hint" aria-hidden="true"
+    >`:l}hasTrailingAddon(){return this.loading||this.panel||this.shortcut}renderTriggerIndicator(){return this.shortcut?o`<kbd id="shortcut-hint" aria-hidden="true"
       >${this.shortcutLabel}</kbd
-    >`:a}updated(e){super.updated(e);let t=this.shadowRoot?.getElementById("field");t&&(this.shortcut&&!this.panel?t.hasAttribute("aria-keyshortcuts")||t.setAttribute("aria-keyshortcuts","Control+K Meta+K"):t.removeAttribute("aria-keyshortcuts"),this.panel?t.hasAttribute("autofocus")||t.setAttribute("autofocus",""):t.removeAttribute("autofocus"),this.syncSuggestionsAria(t))}syncSuggestionsAria(e){if(!this.suggestions||this.panel){e.removeAttribute("role"),e.removeAttribute("aria-expanded"),e.removeAttribute("aria-controls"),e.removeAttribute("aria-activedescendant");return}e.setAttribute("role","combobox"),e.setAttribute("aria-expanded",this.isOpen?"true":"false"),e.setAttribute("aria-controls","listbox"),this.highlightedIndex>=0?e.setAttribute("aria-activedescendant",`listbox-option-${this.highlightedIndex}`):e.removeAttribute("aria-activedescendant")}render(){if(!this.panel)return super.render();let e=this.renderDescription();return o`
+    >`:l}updated(e){super.updated(e);let t=this.shadowRoot?.getElementById("field");t&&(this.shortcut&&!this.panel?t.hasAttribute("aria-keyshortcuts")||t.setAttribute("aria-keyshortcuts","Control+K Meta+K"):t.removeAttribute("aria-keyshortcuts"),this.panel?t.hasAttribute("autofocus")||t.setAttribute("autofocus",""):t.removeAttribute("autofocus"),this.syncSuggestionsAria(t))}syncSuggestionsAria(e){if(!this.suggestions||this.panel){e.removeAttribute("role"),e.removeAttribute("aria-expanded"),e.removeAttribute("aria-controls"),e.removeAttribute("aria-activedescendant");return}e.setAttribute("role","combobox"),e.setAttribute("aria-expanded",this.isOpen?"true":"false"),e.setAttribute("aria-controls","listbox"),this.highlightedIndex>=0?e.setAttribute("aria-activedescendant",`listbox-option-${this.highlightedIndex}`):e.removeAttribute("aria-activedescendant")}render(){if(!this.panel)return super.render();let e=this.renderDescription();return o`
       <div id="wrapper">
         ${this.renderFormLabels("search-trigger")}
         <button
@@ -189,7 +190,7 @@ import{b as g}from"./chunks/chunk-NHFWATVN.js";import{a as L,b as k}from"./chunk
                 id="trigger-icon"
                 name=${this.icon}
                 size="16"
-              ></eun-icon>`:a}
+              ></eun-icon>`:l}
           <span id="trigger-text" class="empty">${this.placeholder||""}</span>
           ${this.renderTriggerIndicator()}
         </button>
@@ -201,7 +202,7 @@ import{b as g}from"./chunks/chunk-NHFWATVN.js";import{a as L,b as k}from"./chunk
           aria-label=${this.label||this.ariaLabelPanel}
         >
           <div id="panel-field">
-            ${this.renderField(e!==a)}
+            ${this.renderField(e!==l)}
           </div>
           <div id="panel-results">
             <slot name="results"></slot>
@@ -209,4 +210,4 @@ import{b as g}from"./chunks/chunk-NHFWATVN.js";import{a as L,b as k}from"./chunk
         </eun-modal>
         ${e}
       </div>
-    `}};i.styles=[g.styles,w,...c?[]:[A],T],i.FIELD_POINTER_DOWN_WINDOW_MS=100,r([n({reflect:!0})],i.prototype,"type",2),r([n()],i.prototype,"icon",2),r([n({type:Boolean})],i.prototype,"clearable",2),r([n({type:Boolean})],i.prototype,"shortcut",2),r([n({type:Boolean})],i.prototype,"panel",2),r([n({attribute:"aria-label-panel"})],i.prototype,"ariaLabelPanel",2),r([n({type:Boolean,reflect:!0})],i.prototype,"loading",2),r([n({attribute:"loading-label"})],i.prototype,"loadingLabel",2),r([n({type:Boolean,reflect:!0})],i.prototype,"suggestions",2),r([n({attribute:"no-results-label"})],i.prototype,"noResultsLabel",2),r([h()],i.prototype,"isOpen",2),r([h()],i.prototype,"highlightedIndex",2),r([d("#panel")],i.prototype,"modalEl",2),r([d("#field-wrapper")],i.prototype,"fieldWrapperEl",2),r([d("#search-trigger")],i.prototype,"triggerEl",2),r([d("#listbox")],i.prototype,"listboxEl",2),i=r([b(P)],i);export{i as EunomiaSearch,P as EunomiaSearchTagName};
+    `}};i.styles=[f.styles,A,...c?[]:[L],$],i.FIELD_POINTER_DOWN_WINDOW_MS=100,r([n({reflect:!0})],i.prototype,"type",2),r([n()],i.prototype,"icon",2),r([n({type:Boolean})],i.prototype,"clearable",2),r([n({type:Boolean})],i.prototype,"shortcut",2),r([n({type:Boolean})],i.prototype,"panel",2),r([n({attribute:"aria-label-panel"})],i.prototype,"ariaLabelPanel",2),r([n({type:Boolean,reflect:!0})],i.prototype,"loading",2),r([n({attribute:"loading-label"})],i.prototype,"loadingLabel",2),r([n({type:Boolean,reflect:!0})],i.prototype,"suggestions",2),r([n({attribute:"no-results-label"})],i.prototype,"noResultsLabel",2),r([h()],i.prototype,"isOpen",2),r([h()],i.prototype,"highlightedIndex",2),r([d("#panel")],i.prototype,"modalEl",2),r([d("#field-wrapper")],i.prototype,"fieldWrapperEl",2),r([d("#search-trigger")],i.prototype,"triggerEl",2),r([d("#listbox")],i.prototype,"listboxEl",2),i=r([v(P)],i);export{i as EunomiaSearch,P as EunomiaSearchTagName};

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

@@ -1,4 +1,4 @@
-import{a as D,b as P}from"./chunks/chunk-KBH5PCUO.js";import{a as O}from"./chunks/chunk-E4IS25H7.js";import{a as k,b as F}from"./chunks/chunk-5XJGYXW7.js";import{a as A}from"./chunks/chunk-LK5BJ4SH.js";import{a as E}from"./chunks/chunk-UAGCQF23.js";import{a as v}from"./chunks/chunk-LYYQAALT.js";import{a as C}from"./chunks/chunk-XSMCT4DF.js";import{a as T}from"./chunks/chunk-GW3VP2L7.js";import{a as $,c as I,d as M,e as b}from"./chunks/chunk-OAULRKHQ.js";import{a as f}from"./chunks/chunk-YYCEPZUN.js";import{a as w}from"./chunks/chunk-T7WABJEJ.js";import{a as d}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as u}from"./chunks/chunk-5EVP7YNE.js";import{a as s,f as x,g as y,h as l,i as p,j as c,l as m,n as o,p as a,s as L}from"./chunks/chunk-XH6NREVZ.js";var V=y`
+import{a as H,b as P}from"./chunks/chunk-PE4DAXHQ.js";import{a as A}from"./chunks/chunk-G5SBDQQ3.js";import{a as D,b as F}from"./chunks/chunk-MOMYII3P.js";import{a as E}from"./chunks/chunk-LK5BJ4SH.js";import{a as k}from"./chunks/chunk-UYZR4JXZ.js";import{b as R,c as g}from"./chunks/chunk-624VJYNA.js";import{a as b}from"./chunks/chunk-LYYQAALT.js";import{a as C}from"./chunks/chunk-4PI6RDUS.js";import{a as O}from"./chunks/chunk-BO3JOEWM.js";import{c as M,d as I,e as T,f as v}from"./chunks/chunk-VOTRXBDS.js";import{a as f}from"./chunks/chunk-YYCEPZUN.js";import{a as $}from"./chunks/chunk-RS7TWEMQ.js";import{a as u}from"./chunks/chunk-PPCHQG7P.js";import{a as d}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-KSZRQRN4.js";import{a as s,f as y,h as L,j as l,k as p,l as c,n as m,p as o,r as a,u as w}from"./chunks/chunk-YITWLCD3.js";var N=L`
   #field {
     padding-inline-end: calc(var(--eun-space-l, 32px) * 1.2);
   }
@@ -24,7 +24,8 @@ import{a as D,b as P}from"./chunks/chunk-KBH5PCUO.js";import{a as O}from"./chunk
     pointer-events: none;
     color: var(--_iconColor);
     font-size: var(--eun-font-size-s, 14px);
-    transition: transform 0.15s ease;
+    transition: transform var(--eun-duration-s, 150ms)
+      var(--eun-easing-default, ease);
   }
   #select-arrow.open {
     transform: rotate(180deg);
@@ -33,7 +34,7 @@ import{a as D,b as P}from"./chunks/chunk-KBH5PCUO.js";import{a as O}from"./chunk
     position: absolute;
     right: var(--eun-space-m, 16px);
     pointer-events: none;
-    color: var(--_iconColor);
+    color: var(--field-loader-color, var(--_iconColor));
   }
   .has-icon #field {
     padding-inline-start: calc(
@@ -104,15 +105,15 @@ import{a as D,b as P}from"./chunks/chunk-KBH5PCUO.js";import{a as O}from"./chunk
     outline-offset: 2px;
     border-radius: var(--eun-border-radius-m);
   }
-`,H=[E,k,...v?[]:[F],V];var N="eun-select",B=w(M(L)),W=A(C(T($(O(I(B)))))),t=class extends W{constructor(){super(...arguments);this.searchable=!1;this.native=!1;this.multiple=!1;this.noAnimation=!1;this.searchPlaceholder="Search\u2026";this.selectPlaceholder="Select\u2026";this.emptyValueLabel="No value set";this.noResultsLabel="No results";this.confirmLabel="Confirm";this.loading=!1;this.loadingLabel="Loading\u2026";this.searchQuery="";this.isOpen=!1;this.highlightedIndex=-1;this.typeaheadBuffer="";this.handleIconSlotChange=()=>{this.requestUpdate()};this.handleActionsSlotChange=()=>{this.requestUpdate()};this.handleHostFocus=()=>{this.fieldEl?.focus()};this.handleWindowBlur=()=>{this.isOpen&&this.closeListbox()};this.handleFocusOut=()=>{this.isOpen&&requestAnimationFrame(()=>{this.matches(":focus-within")||this.closeListbox()})};this.handleFieldPointerDown=()=>{this.fieldPointerDownAt=performance.now()};this.handlePopoverToggle=e=>{if(e.newState==="open"){this.isOpen=!0,this.fieldWrapperEl&&this.listboxEl&&this.anchorFloatingElement(this.fieldWrapperEl,this.listboxEl,{forceFallback:v}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closeListbox());return}if(this.fieldPointerDownAt!==void 0&&performance.now()-this.fieldPointerDownAt<t.FIELD_POINTER_DOWN_WINDOW_MS){this.fieldPointerDownAt=void 0,this.openListbox();return}this.isOpen=!1,this.searchQuery=this.selectedLabel,this.highlightedIndex=-1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility(),this.readonlyAvailable&&this.editing&&this.cancelEdit()};this.handleConfirmClick=()=>{this.closeListbox(),this.confirmEdit()}}get defaultValue(){return super.defaultValue}set defaultValue(e){let i=this.hasAttribute("multiple")&&typeof e=="string"?e.split(",").filter(Boolean):e;super.defaultValue=i}get value(){return super.value}set value(e){let i=this.hasAttribute("multiple")&&typeof e=="string"?e.split(",").filter(Boolean):e;super.value=i}connectedCallback(){super.connectedCallback?.(),this.addEventListener("focus",this.handleHostFocus),window.addEventListener("blur",this.handleWindowBlur)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),window.removeEventListener("blur",this.handleWindowBlur),clearTimeout(this.typeaheadTimer),super.disconnectedCallback?.()}get options(){return D(this.children)}get selectedValues(){return this.multiple?this.value??[]:this.value?[this.value]:[]}isSelected(e){return this.selectedValues.includes(e.value)}get selectedLabel(){let e=this.selectedValues;return this.options.filter(i=>e.includes(i.value)).map(i=>i.label).join(", ")}get hasConfirmSlot(){return this.querySelector('[slot="confirm"]')!==null}get hasConfirmContent(){return this.hasConfirmSlot||!!this.confirmLabel}get effectiveQuery(){if(!this.searchable)return"";let e=this.searchQuery.trim().toLowerCase();return e&&e!==this.selectedLabel.toLowerCase()?e:""}get filteredOptions(){let e=this.effectiveQuery;return e?this.options.filter(i=>i.label.toLowerCase().includes(e)):this.options}get effectivePlaceholder(){return this.placeholder??(this.searchable?this.searchPlaceholder:this.selectPlaceholder)}willUpdate(e){super.willUpdate(e),e.has("value")&&this.searchable&&!this.isOpen&&(this.searchQuery=this.selectedLabel)}firstUpdated(e){super.firstUpdated(e),this.syncOptions()}updated(e){super.updated(e),e.has("editing")&&this.editing&&(this.native?(this.syncOptions(),this.fieldEl?.focus()):this.openListbox()),this.native&&(e.has("value")&&this.fieldEl instanceof HTMLSelectElement&&(this.fieldEl.value=this.value??""),(e.has("readonly")||e.has("disabled"))&&this.setAttribute("tabindex",this.disabled||this.readonly?"-1":"0"))}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}openListbox(){if(this.disabled||this.readonly){this.fieldPointerDownAt=void 0;return}let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")||e?.showPopover(),e&&this.playListboxOpenAnimation(e),this.fieldEl?.focus(),this.fieldEl instanceof HTMLInputElement&&this.fieldEl.select()}listboxAnimationDuration(e){if(this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let i=getComputedStyle(e).getPropertyValue("--field-listbox-transition-duration").trim();if(i){let n=i.endsWith("ms")?Number.parseFloat(i):Number.parseFloat(i)*1e3;if(Number.isFinite(n)&&n>=0)return n}return 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:"ease",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 n=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:i,easing:"ease",fill:"forwards"});this.listboxAnimation=n,n.finished.then(()=>{this.listboxAnimation===n&&(this.listboxAnimation=void 0),e.hidePopover()}).catch(()=>{})}handleFieldActivate(){this.isOpen||this.openListbox()}handleFieldInput(e){this.searchable&&(this.searchQuery=e.target.value,this.highlightedIndex=-1,this.isOpen||this.openListbox())}handleSelect(e){if(this.multiple){let i=this.selectedValues;this.value=i.includes(e.value)?i.filter(n=>n!==e.value):[...i,e.value],this.dispatchEvent(new f(this.value));return}this.value=e.value,this.dispatchEvent(new f(this.value)),this.closeListbox(),this.readonlyAvailable&&this.confirmEdit()}handleNativeChange(e){this.value=e.target.value,this.dispatchEvent(new f(this.value)),this.readonlyAvailable&&this.confirmEdit()}syncOptions(){if(!this.native||!(this.fieldEl instanceof HTMLSelectElement))return;let e=Array.from(this.children).filter(i=>i instanceof HTMLOptionElement||i instanceof HTMLOptGroupElement);this.fieldEl.replaceChildren(...e.map(i=>i.cloneNode(!0))),this.fieldEl.value=this.value??""}handleSlotChange(){this.syncOptions()}handleKeydown(e){switch(e.key){case"ArrowDown":{e.preventDefault(),this.isOpen||this.openListbox();let i=this.filteredOptions;i.length&&(this.highlightedIndex=Math.min(this.highlightedIndex+1,i.length-1));break}case"ArrowUp":{e.preventDefault(),this.isOpen||this.openListbox(),this.filteredOptions.length&&(this.highlightedIndex=Math.max(this.highlightedIndex-1,0));break}case"Home":{if(this.searchable)return;e.preventDefault(),this.isOpen||this.openListbox(),this.filteredOptions.length&&(this.highlightedIndex=0);break}case"End":{if(this.searchable)return;e.preventDefault(),this.isOpen||this.openListbox();let i=this.filteredOptions;i.length&&(this.highlightedIndex=i.length-1);break}case"Enter":{e.preventDefault();let i=this.filteredOptions[this.highlightedIndex];i&&this.handleSelect(i);break}default:this.searchable||this.handleTypeahead(e);break}}handleTypeahead(e){if(e.key.length!==1||e.ctrlKey||e.metaKey||e.altKey)return;e.preventDefault(),this.isOpen||this.openListbox();let i=this.filteredOptions;if(!i.length)return;clearTimeout(this.typeaheadTimer),this.typeaheadBuffer+=e.key.toLowerCase(),this.typeaheadTimer=setTimeout(()=>{this.typeaheadBuffer=""},600);let n=(this.highlightedIndex+1)%i.length,r=[...i.slice(n),...i.slice(0,n)].findIndex(h=>h.label.toLowerCase().startsWith(this.typeaheadBuffer));r!==-1&&(this.highlightedIndex=(n+r)%i.length)}renderHighlighted(e){return P(e,this.effectiveQuery)}renderOptionRows(e){let i=[],n;return e.forEach((r,h)=>{r.group!==n&&(n=r.group,r.group&&i.push(o`<li class="group-label" role="presentation">
+`,V=[k,D,...b?[]:[F],N];var W="eun-select",q=$(T(w)),K=E(C(O(I(A(M(q)))))),t=class extends K{constructor(){super(...arguments);this.searchable=!1;this.native=!1;this.multiple=!1;this.noAnimation=!1;this.searchPlaceholder="Search\u2026";this.selectPlaceholder="Select\u2026";this.emptyValueLabel="No value set";this.noResultsLabel="No results";this.confirmLabel="Confirm";this.loading=!1;this.loadingLabel="Loading\u2026";this.searchQuery="";this.isOpen=!1;this.highlightedIndex=-1;this.typeaheadBuffer="";this.handleIconSlotChange=()=>{this.requestUpdate()};this.handleActionsSlotChange=()=>{this.requestUpdate()};this.handleHostFocus=()=>{this.fieldEl?.focus()};this.handleWindowBlur=()=>{this.isOpen&&this.closeListbox()};this.handleFocusOut=()=>{this.isOpen&&requestAnimationFrame(()=>{this.matches(":focus-within")||this.closeListbox()})};this.handleFieldPointerDown=()=>{this.fieldPointerDownAt=performance.now()};this.handlePopoverToggle=e=>{if(e.newState==="open"){this.isOpen=!0,this.fieldWrapperEl&&this.listboxEl&&this.anchorFloatingElement(this.fieldWrapperEl,this.listboxEl,{forceFallback:b}),this.observeAnchorVisibility(this.fieldWrapperEl,()=>this.closeListbox());return}if(this.fieldPointerDownAt!==void 0&&performance.now()-this.fieldPointerDownAt<t.FIELD_POINTER_DOWN_WINDOW_MS){this.fieldPointerDownAt=void 0,this.openListbox();return}this.isOpen=!1,this.searchQuery=this.selectedLabel,this.highlightedIndex=-1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility(),this.readonlyAvailable&&this.editing&&this.cancelEdit()};this.handleConfirmClick=()=>{this.closeListbox(),this.confirmEdit()}}get defaultValue(){return super.defaultValue}set defaultValue(e){let i=this.hasAttribute("multiple")&&typeof e=="string"?e.split(",").filter(Boolean):e;super.defaultValue=i}get value(){return super.value}set value(e){let i=this.hasAttribute("multiple")&&typeof e=="string"?e.split(",").filter(Boolean):e;super.value=i}connectedCallback(){super.connectedCallback?.(),this.addEventListener("focus",this.handleHostFocus),window.addEventListener("blur",this.handleWindowBlur)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),window.removeEventListener("blur",this.handleWindowBlur),clearTimeout(this.typeaheadTimer),super.disconnectedCallback?.()}get options(){return H(this.children)}get selectedValues(){return this.multiple?this.value??[]:this.value?[this.value]:[]}isSelected(e){return this.selectedValues.includes(e.value)}get selectedLabel(){let e=this.selectedValues;return this.options.filter(i=>e.includes(i.value)).map(i=>i.label).join(", ")}get hasConfirmSlot(){return this.querySelector('[slot="confirm"]')!==null}get hasConfirmContent(){return this.hasConfirmSlot||!!this.confirmLabel}get effectiveQuery(){if(!this.searchable)return"";let e=this.searchQuery.trim().toLowerCase();return e&&e!==this.selectedLabel.toLowerCase()?e:""}get filteredOptions(){let e=this.effectiveQuery;return e?this.options.filter(i=>i.label.toLowerCase().includes(e)):this.options}get effectivePlaceholder(){return this.placeholder??(this.searchable?this.searchPlaceholder:this.selectPlaceholder)}willUpdate(e){super.willUpdate(e),e.has("value")&&this.searchable&&!this.isOpen&&(this.searchQuery=this.selectedLabel)}firstUpdated(e){super.firstUpdated(e),this.syncOptions()}updated(e){super.updated(e),e.has("editing")&&this.editing&&(this.native?(this.syncOptions(),this.fieldEl?.focus()):this.openListbox()),this.native&&(e.has("value")&&this.fieldEl instanceof HTMLSelectElement&&(this.fieldEl.value=this.value??""),(e.has("readonly")||e.has("disabled"))&&this.setAttribute("tabindex",this.disabled||this.readonly?"-1":"0"))}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}openListbox(){if(this.disabled||this.readonly){this.fieldPointerDownAt=void 0;return}let e=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,e?.matches(":popover-open")||e?.showPopover(),e&&this.playListboxOpenAnimation(e),this.fieldEl?.focus(),this.fieldEl instanceof HTMLInputElement&&this.fieldEl.select()}listboxAnimationDuration(e){return this.noAnimation||window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:R(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 n=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:i,easing:g(e),fill:"forwards"});this.listboxAnimation=n,n.finished.then(()=>{this.listboxAnimation===n&&(this.listboxAnimation=void 0),e.hidePopover()}).catch(()=>{})}handleFieldActivate(){this.isOpen||this.openListbox()}handleFieldInput(e){this.searchable&&(this.searchQuery=e.target.value,this.highlightedIndex=-1,this.isOpen||this.openListbox())}handleSelect(e){if(this.multiple){let i=this.selectedValues;this.value=i.includes(e.value)?i.filter(n=>n!==e.value):[...i,e.value],this.dispatchEvent(new f(this.value));return}this.value=e.value,this.dispatchEvent(new f(this.value)),this.closeListbox(),this.readonlyAvailable&&this.confirmEdit()}handleNativeChange(e){this.value=e.target.value,this.dispatchEvent(new f(this.value)),this.readonlyAvailable&&this.confirmEdit()}syncOptions(){if(!this.native||!(this.fieldEl instanceof HTMLSelectElement))return;let e=Array.from(this.children).filter(i=>i instanceof HTMLOptionElement||i instanceof HTMLOptGroupElement);this.fieldEl.replaceChildren(...e.map(i=>i.cloneNode(!0))),this.fieldEl.value=this.value??""}handleSlotChange(){this.syncOptions()}handleKeydown(e){switch(e.key){case"ArrowDown":{e.preventDefault(),this.isOpen||this.openListbox();let i=this.filteredOptions;i.length&&(this.highlightedIndex=Math.min(this.highlightedIndex+1,i.length-1));break}case"ArrowUp":{e.preventDefault(),this.isOpen||this.openListbox(),this.filteredOptions.length&&(this.highlightedIndex=Math.max(this.highlightedIndex-1,0));break}case"Home":{if(this.searchable)return;e.preventDefault(),this.isOpen||this.openListbox(),this.filteredOptions.length&&(this.highlightedIndex=0);break}case"End":{if(this.searchable)return;e.preventDefault(),this.isOpen||this.openListbox();let i=this.filteredOptions;i.length&&(this.highlightedIndex=i.length-1);break}case"Enter":{e.preventDefault();let i=this.filteredOptions[this.highlightedIndex];i&&this.handleSelect(i);break}default:this.searchable||this.handleTypeahead(e);break}}handleTypeahead(e){if(e.key.length!==1||e.ctrlKey||e.metaKey||e.altKey)return;e.preventDefault(),this.isOpen||this.openListbox();let i=this.filteredOptions;if(!i.length)return;clearTimeout(this.typeaheadTimer),this.typeaheadBuffer+=e.key.toLowerCase(),this.typeaheadTimer=setTimeout(()=>{this.typeaheadBuffer=""},600);let n=(this.highlightedIndex+1)%i.length,r=[...i.slice(n),...i.slice(0,n)].findIndex(h=>h.label.toLowerCase().startsWith(this.typeaheadBuffer));r!==-1&&(this.highlightedIndex=(n+r)%i.length)}renderHighlighted(e){return P(e,this.effectiveQuery)}renderOptionRows(e){let i=[],n;return e.forEach((r,h)=>{r.group!==n&&(n=r.group,r.group&&i.push(o`<li class="group-label" role="presentation">
               ${r.group}
-            </li>`));let g=this.isSelected(r);i.push(o`
+            </li>`));let x=this.isSelected(r);i.push(o`
         <li
           id="listbox-option-${h}"
           role="option"
-          aria-selected=${g}
-          class=${d({highlighted:h===this.highlightedIndex,selected:g})}
-          @mousedown=${R=>{R.preventDefault(),this.handleSelect(r)}}
+          aria-selected=${x}
+          class=${d({highlighted:h===this.highlightedIndex,selected:x})}
+          @mousedown=${B=>{B.preventDefault(),this.handleSelect(r)}}
           @mouseenter=${()=>{this.highlightedIndex=h}}
         >
           ${this.multiple?o`<span class="option-checkbox" aria-hidden="true"
@@ -163,7 +164,7 @@ import{a as D,b as P}from"./chunks/chunk-KBH5PCUO.js";import{a as O}from"./chunk
           aria-describedby=${e?"description":a}
           ?disabled=${this.disabled||this.readonly}
           ?required=${this.required}
-          aria-invalid=${!this.hideError&&!this.disabled&&!this.valid}
+          aria-invalid=${this.showError}
           @change=${this.handleNativeChange}
         ></select>
         ${this.showConfirmLink?this.renderConfirmLink():a}
@@ -193,7 +194,7 @@ import{a as D,b as P}from"./chunks/chunk-KBH5PCUO.js";import{a as O}from"./chunk
           ?disabled=${this.disabled}
           ?readonly=${this.readonly||!this.searchable}
           aria-required=${this.required?"true":"false"}
-          aria-invalid=${!this.hideError&&!this.disabled&&!this.valid}
+          aria-invalid=${this.showError}
           @pointerdown=${this.handleFieldPointerDown}
           @focus=${this.handleFieldActivate}
           @click=${this.handleFieldActivate}
@@ -233,4 +234,4 @@ import{a as D,b as P}from"./chunks/chunk-KBH5PCUO.js";import{a as O}from"./chunk
         ${r} ${i}
         <slot hidden @slotchange=${this.handleSlotChange}></slot>
       </div>
-    `}};t.styles=[H,b.base,b.errorMessages,b.hintMessages],t.FIELD_POINTER_DOWN_WINDOW_MS=100,s([l({attribute:"default-value"})],t.prototype,"defaultValue",1),s([l()],t.prototype,"value",1),s([l({type:Boolean,reflect:!0})],t.prototype,"searchable",2),s([l({type:Boolean,reflect:!0})],t.prototype,"native",2),s([l({type:Boolean,reflect:!0})],t.prototype,"multiple",2),s([l({type:Boolean,reflect:!0,attribute:"no-animation"})],t.prototype,"noAnimation",2),s([l()],t.prototype,"icon",2),s([l()],t.prototype,"placeholder",2),s([l({attribute:"search-placeholder"})],t.prototype,"searchPlaceholder",2),s([l({attribute:"select-placeholder"})],t.prototype,"selectPlaceholder",2),s([l({attribute:"empty-value-label"})],t.prototype,"emptyValueLabel",2),s([l({attribute:"no-results-label"})],t.prototype,"noResultsLabel",2),s([l({attribute:"confirm-label"})],t.prototype,"confirmLabel",2),s([l({type:Boolean,reflect:!0})],t.prototype,"loading",2),s([l({attribute:"loading-label"})],t.prototype,"loadingLabel",2),s([p()],t.prototype,"searchQuery",2),s([p()],t.prototype,"isOpen",2),s([p()],t.prototype,"highlightedIndex",2),s([c("#field")],t.prototype,"fieldEl",2),s([c("#field-wrapper")],t.prototype,"fieldWrapperEl",2),s([c("#listbox")],t.prototype,"listboxEl",2),s([m({slot:"icon"})],t.prototype,"iconSlotEls",2),s([m({slot:"actions"})],t.prototype,"actionsSlotEls",2),t=s([x(N)],t);export{t as EunomiaSelect,N as EunomiaSelectTagName};
+    `}};t.styles=[V,v.base,v.errorMessages,v.hintMessages],t.FIELD_POINTER_DOWN_WINDOW_MS=100,s([l({attribute:"default-value"})],t.prototype,"defaultValue",1),s([l()],t.prototype,"value",1),s([l({type:Boolean,reflect:!0})],t.prototype,"searchable",2),s([l({type:Boolean,reflect:!0})],t.prototype,"native",2),s([l({type:Boolean,reflect:!0})],t.prototype,"multiple",2),s([l({type:Boolean,reflect:!0,attribute:"no-animation"})],t.prototype,"noAnimation",2),s([l()],t.prototype,"icon",2),s([l()],t.prototype,"placeholder",2),s([l({attribute:"search-placeholder"})],t.prototype,"searchPlaceholder",2),s([l({attribute:"select-placeholder"})],t.prototype,"selectPlaceholder",2),s([l({attribute:"empty-value-label"})],t.prototype,"emptyValueLabel",2),s([l({attribute:"no-results-label"})],t.prototype,"noResultsLabel",2),s([l({attribute:"confirm-label"})],t.prototype,"confirmLabel",2),s([l({type:Boolean,reflect:!0})],t.prototype,"loading",2),s([l({attribute:"loading-label"})],t.prototype,"loadingLabel",2),s([p()],t.prototype,"searchQuery",2),s([p()],t.prototype,"isOpen",2),s([p()],t.prototype,"highlightedIndex",2),s([c("#field")],t.prototype,"fieldEl",2),s([c("#field-wrapper")],t.prototype,"fieldWrapperEl",2),s([c("#listbox")],t.prototype,"listboxEl",2),s([m({slot:"icon"})],t.prototype,"iconSlotEls",2),s([m({slot:"actions"})],t.prototype,"actionsSlotEls",2),t=s([y(W)],t);export{t as EunomiaSelect,W as EunomiaSelectTagName};

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

@@ -1,4 +1,4 @@
-import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk-5EVP7YNE.js";import{a as r,f as g,g as v,h as o,i as b,j as h,n,p as l,s as f}from"./chunks/chunk-XH6NREVZ.js";var y=v`
+import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk-PPCHQG7P.js";import{a,f as g,h as v,j as o,k as b,l as h,p as s,r as l,u as f}from"./chunks/chunk-YITWLCD3.js";var y=v`
   :host {
     --_width: var(--sidebar-width, 280px);
     --_miniWidth: var(--sidebar-mini-width, 64px);
@@ -8,9 +8,19 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
       --sidebar-border-color,
       var(--eun-border-color, #dee0e7)
     );
-    --_padding: var(--sidebar-padding, var(--eun-space-m, 16px));
+    --_paddingBlock: var(
+      --sidebar-padding,
+      var(--sidebar-padding-block, var(--eun-space-m, 16px))
+    );
+    --_paddingInline: var(
+      --sidebar-padding,
+      var(--sidebar-padding-inline, var(--eun-space-m, 16px))
+    );
     --_gap: var(--sidebar-gap, var(--eun-space-m, 16px));
-    --_transitionDuration: var(--sidebar-transition-duration, 0.25s);
+    --_transitionDuration: var(
+      --sidebar-transition-duration,
+      var(--eun-duration-l, 250ms)
+    );
     display: flex;
     position: sticky;
     top: 0;
@@ -18,7 +28,7 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     height: 100%;
     box-sizing: border-box;
     width: var(--_width);
-    transition: width var(--_transitionDuration) ease;
+    transition: width var(--_transitionDuration) var(--eun-easing-default, ease);
     border-inline-end: var(--eun-border-width-s, 1px) solid var(--_borderColor);
   }
   :host([dragging]) {
@@ -26,7 +36,8 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
   }
   :host([position="end"]) {
     border-inline-end: none;
-    border-inline-start: var(--eun-border-width-s, 1px) solid var(--_borderColor);
+    border-inline-start: var(--eun-border-width-s, 1px) solid
+      var(--_borderColor);
   }
   :host([collapsed][collapse-mode="mini"]) {
     --_width: var(--_miniWidth);
@@ -61,7 +72,7 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     align-items: flex-start;
     justify-content: space-between;
     gap: var(--_gap);
-    padding: var(--_padding) var(--_padding) 0;
+    padding: var(--_paddingBlock) var(--_paddingInline) 0;
   }
   #heading {
     margin: 0;
@@ -73,7 +84,7 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     flex: 1;
     min-height: 0;
     overflow-y: auto;
-    padding: var(--_gap) var(--_padding);
+    padding: var(--_gap) var(--_paddingInline);
     font-size: var(--eun-font-size-s, 14px);
   }
   #footer {
@@ -81,7 +92,7 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     display: flex;
     justify-content: flex-end;
     gap: var(--eun-space-s, 8px);
-    padding: var(--_padding);
+    padding: var(--_paddingBlock) var(--_paddingInline);
   }
 
   #resize-handle {
@@ -93,7 +104,8 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     cursor: ew-resize;
     touch-action: none;
     background: transparent;
-    transition: background-color 0.15s ease;
+    transition: background-color var(--eun-duration-s, 150ms)
+      var(--eun-easing-default, ease);
   }
   :host([position="end"]) #resize-handle {
     inset-inline-end: auto;
@@ -128,7 +140,8 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     border-radius: var(--eun-border-radius-xl, 999px);
     color: var(--eun-text-secondary, #484e61);
     cursor: pointer;
-    transition: background-color 0.15s ease;
+    transition: background-color var(--eun-duration-s, 150ms)
+      var(--eun-easing-default, ease);
   }
   :host([position="end"]) #collapse-toggle:not(.inline) {
     inset-inline-end: auto;
@@ -144,7 +157,7 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     align-items: center;
     gap: var(--eun-space-s, 8px);
     width: 100%;
-    padding: var(--eun-space-s, 8px) var(--_padding);
+    padding: var(--eun-space-s, 8px) var(--_paddingInline);
     border: none;
     border-top: var(--eun-border-width-s, 1px) solid var(--_borderColor);
     border-radius: 0;
@@ -154,7 +167,8 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     font-size: var(--eun-font-size-s, 14px);
     text-align: start;
     cursor: pointer;
-    transition: background-color 0.15s ease;
+    transition: background-color var(--eun-duration-s, 150ms)
+      var(--eun-easing-default, ease);
   }
   #collapse-toggle.inline:hover {
     background: var(--eun-content-hover, #edeff0);
@@ -181,13 +195,13 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
       transition: none;
     }
   }
-`,x=y;var P="eun-sidebar",i=class extends f{constructor(){super(...arguments);this.position="start";this.collapsible=!0;this.togglePlacement="edge";this.collapseMode="mini";this.collapsed=!1;this.ariaLabelExpand="Expand sidebar";this.ariaLabelCollapse="Collapse sidebar";this.resizable=!0;this.ariaLabelResize="Resize sidebar";this.dragStartWidth=0;this.lastRawWidth=0;this.dragStartCollapsed=!1;this.dragStartHidden=!1;this.dragMoved=!1;this.dragging=!1;this.draggedHidden=!1;this.focusWasInsideBeforeHiddenCollapse=!1;this.handleResizePointerDown=e=>{if(!(e.pointerType==="mouse"&&e.button!==0)){try{this.resizeHandleEl?.setPointerCapture(e.pointerId)}catch{}this.dragStartX=e.clientX,this.dragStartWidth=this.currentWidthPx(),this.dragStartCollapsed=this.collapsed,this.dragStartHidden=this.draggedHidden,this.lastRawWidth=this.dragStartWidth,this.dragMoved=!1}};this.handleResizePointerMove=e=>{if(this.dragStartX===void 0)return;this.dragging=!0,this.dragMoved=!0;let a=e.clientX-this.dragStartX,t=this.position==="start"?a:-a;this.lastRawWidth=this.dragStartWidth+t,this.applyWidth(this.lastRawWidth,0)};this.handleResizePointerUp=e=>{if(this.dragStartX!==void 0){try{this.resizeHandleEl?.releasePointerCapture(e.pointerId)}catch{}this.dragStartX=void 0,this.dragging=!1,this.dragMoved&&this.settleWidth(this.lastRawWidth,this.dragStartCollapsed,this.dragStartHidden)}};this.handleResizeKeydown=e=>{let t;switch(e.key){case"ArrowLeft":t=this.currentWidthPx()+(this.position==="start"?-16:16);break;case"ArrowRight":t=this.currentWidthPx()+(this.position==="start"?16:-16);break;case"Home":t=this.miniWidthPx();break;case"End":t=this.maxWidthPx();break;default:return}e.preventDefault();let s=this.collapsed;this.applyWidth(t),this.settleCollapsedState(t,s)}}willUpdate(e){super.willUpdate(e),e.has("collapsed")&&this.collapsed&&this.collapseMode==="hidden"&&(this.focusWasInsideBeforeHiddenCollapse=!!(document.activeElement&&this.contains(document.activeElement)))}updated(e){super.updated(e),e.has("collapsed")&&this.collapsed&&this.collapseMode==="hidden"&&this.focusWasInsideBeforeHiddenCollapse&&(this.focusWasInsideBeforeHiddenCollapse=!1,this.collapseToggleEl?.focus())}collapse(){this.setCollapsed(!0)}expand(){this.setCollapsed(!1)}toggleCollapse(){this.setCollapsed(!this.collapsed)}setCollapsed(e){let a=this.collapsed!==e,t=this.draggedHidden;!a&&!t||(this.collapsed=e,t&&(this.draggedHidden=!1,this.style.removeProperty("border-color"),this.style.removeProperty("--sidebar-width"),this.liveWidthPx=void 0),this.dispatchEvent(new p))}resolvedPx(e,a){let t=getComputedStyle(this).getPropertyValue(e).trim(),s=Number.parseFloat(t);return Number.isNaN(s)?a:s}miniWidthPx(){return this.resolvedPx("--sidebar-mini-width",64)}maxWidthPx(){return this.resolvedPx("--sidebar-max-width",480)}currentWidthPx(){return this.draggedHidden||this.collapsed&&this.collapseMode==="hidden"?0:this.collapsed&&this.collapseMode==="mini"?this.miniWidthPx():this.liveWidthPx??this.resolvedPx("--sidebar-width",280)}applyWidth(e,a=this.miniWidthPx()){let t=Math.min(Math.max(e,a),this.maxWidthPx());this.collapsed=!1,this.draggedHidden=!1,this.style.removeProperty("border-color"),this.style.setProperty("--sidebar-width",`${t}px`),this.liveWidthPx=t}settleCollapsedState(e,a){let t=e<=this.miniWidthPx();this.collapsed=t,t!==a&&this.dispatchEvent(new p)}settleWidth(e,a,t){let s=this.miniWidthPx(),d=e<s/2,c=d||e<s,u=d?0:Math.min(Math.max(e,s),this.maxWidthPx());this.style.setProperty("--sidebar-width",`${u}px`),d?this.style.setProperty("border-color","transparent"):this.style.removeProperty("border-color"),this.liveWidthPx=u,this.collapsed=c,this.draggedHidden=d,(c!==a||d!==t)&&this.dispatchEvent(new p)}collapseToggleIcon(){return(this.position==="start"?!this.collapsed:this.collapsed)?"chevron_left":"chevron_right"}surfaceAriaLabel(){return this.heading??this.ariaLabel??void 0}hasFooterContent(){return this.querySelector('[slot="footer"]')!==null}hasHeaderContent(){return!!this.heading||this.querySelector('[slot="header"]')!==null}renderHeader(){return n`
+`,x=y;var P="eun-sidebar",i=class extends f{constructor(){super(...arguments);this.position="start";this.collapsible=!0;this.togglePlacement="edge";this.collapseMode="mini";this.collapsed=!1;this.ariaLabelExpand="Expand sidebar";this.ariaLabelCollapse="Collapse sidebar";this.resizable=!0;this.ariaLabelResize="Resize sidebar";this.dragStartWidth=0;this.lastRawWidth=0;this.dragStartCollapsed=!1;this.dragStartHidden=!1;this.dragMoved=!1;this.dragging=!1;this.draggedHidden=!1;this.focusWasInsideBeforeHiddenCollapse=!1;this.handleResizePointerDown=e=>{if(!(e.pointerType==="mouse"&&e.button!==0)){try{this.resizeHandleEl?.setPointerCapture(e.pointerId)}catch{}this.dragStartX=e.clientX,this.dragStartWidth=this.currentWidthPx(),this.dragStartCollapsed=this.collapsed,this.dragStartHidden=this.draggedHidden,this.lastRawWidth=this.dragStartWidth,this.dragMoved=!1}};this.handleResizePointerMove=e=>{if(this.dragStartX===void 0)return;this.dragging=!0,this.dragMoved=!0;let r=e.clientX-this.dragStartX,t=this.position==="start"?r:-r;this.lastRawWidth=this.dragStartWidth+t,this.applyWidth(this.lastRawWidth,0)};this.handleResizePointerUp=e=>{if(this.dragStartX!==void 0){try{this.resizeHandleEl?.releasePointerCapture(e.pointerId)}catch{}this.dragStartX=void 0,this.dragging=!1,this.dragMoved&&this.settleWidth(this.lastRawWidth,this.dragStartCollapsed,this.dragStartHidden)}};this.handleResizeKeydown=e=>{let t;switch(e.key){case"ArrowLeft":t=this.currentWidthPx()+(this.position==="start"?-16:16);break;case"ArrowRight":t=this.currentWidthPx()+(this.position==="start"?16:-16);break;case"Home":t=this.miniWidthPx();break;case"End":t=this.maxWidthPx();break;default:return}e.preventDefault();let n=this.collapsed;this.applyWidth(t),this.settleCollapsedState(t,n)}}willUpdate(e){super.willUpdate(e),e.has("collapsed")&&this.collapsed&&this.collapseMode==="hidden"&&(this.focusWasInsideBeforeHiddenCollapse=!!(document.activeElement&&this.contains(document.activeElement)))}updated(e){super.updated(e),e.has("collapsed")&&this.collapsed&&this.collapseMode==="hidden"&&this.focusWasInsideBeforeHiddenCollapse&&(this.focusWasInsideBeforeHiddenCollapse=!1,this.collapseToggleEl?.focus())}collapse(){this.setCollapsed(!0)}expand(){this.setCollapsed(!1)}toggleCollapse(){this.setCollapsed(!this.collapsed)}setCollapsed(e){let r=this.collapsed!==e,t=this.draggedHidden;!r&&!t||(this.collapsed=e,t&&(this.draggedHidden=!1,this.style.removeProperty("border-color"),this.style.removeProperty("--sidebar-width"),this.liveWidthPx=void 0),this.dispatchEvent(new p))}resolvedPx(e,r){let t=getComputedStyle(this).getPropertyValue(e).trim(),n=Number.parseFloat(t);return Number.isNaN(n)?r:n}miniWidthPx(){return this.resolvedPx("--sidebar-mini-width",64)}maxWidthPx(){return this.resolvedPx("--sidebar-max-width",480)}currentWidthPx(){return this.draggedHidden||this.collapsed&&this.collapseMode==="hidden"?0:this.collapsed&&this.collapseMode==="mini"?this.miniWidthPx():this.liveWidthPx??this.resolvedPx("--sidebar-width",280)}applyWidth(e,r=this.miniWidthPx()){let t=Math.min(Math.max(e,r),this.maxWidthPx());this.collapsed=!1,this.draggedHidden=!1,this.style.removeProperty("border-color"),this.style.setProperty("--sidebar-width",`${t}px`),this.liveWidthPx=t}settleCollapsedState(e,r){let t=e<=this.miniWidthPx();this.collapsed=t,t!==r&&this.dispatchEvent(new p)}settleWidth(e,r,t){let n=this.miniWidthPx(),d=e<n/2,c=d||e<n,u=d?0:Math.min(Math.max(e,n),this.maxWidthPx());this.style.setProperty("--sidebar-width",`${u}px`),d?this.style.setProperty("border-color","transparent"):this.style.removeProperty("border-color"),this.liveWidthPx=u,this.collapsed=c,this.draggedHidden=d,(c!==r||d!==t)&&this.dispatchEvent(new p)}collapseToggleIcon(){return(this.position==="start"?!this.collapsed:this.collapsed)?"chevron_left":"chevron_right"}surfaceAriaLabel(){return this.heading??this.ariaLabel??void 0}hasFooterContent(){return this.querySelector('[slot="footer"]')!==null}hasHeaderContent(){return!!this.heading||this.querySelector('[slot="header"]')!==null}renderHeader(){return s`
       <div id="header">
         <slot name="header">
-          ${this.heading?n`<h2 id="heading">${this.heading}</h2>`:l}
+          ${this.heading?s`<h2 id="heading">${this.heading}</h2>`:l}
         </slot>
       </div>
-    `}collapseToggleLabel(){return this.collapsed?this.ariaLabelExpand:this.ariaLabelCollapse}renderEdgeToggle(){return n`
+    `}collapseToggleLabel(){return this.collapsed?this.ariaLabelExpand:this.ariaLabelCollapse}renderEdgeToggle(){return s`
       <button
         type="button"
         id="collapse-toggle"
@@ -197,7 +211,7 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
       >
         <eun-icon name=${this.collapseToggleIcon()} size="16"></eun-icon>
       </button>
-    `}renderInlineToggle(){return n`
+    `}renderInlineToggle(){return s`
       <button
         type="button"
         id="collapse-toggle"
@@ -209,7 +223,7 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
         <eun-icon name=${this.collapseToggleIcon()} size="16"></eun-icon>
         <span id="collapse-toggle-label">${this.collapseToggleLabel()}</span>
       </button>
-    `}renderResizeHandle(){return n`
+    `}renderResizeHandle(){return s`
       <div
         id="resize-handle"
         role="separator"
@@ -225,7 +239,7 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
         @pointercancel=${this.handleResizePointerUp}
         @keydown=${this.handleResizeKeydown}
       ></div>
-    `}render(){return n`
+    `}render(){return s`
       <div
         id="surface"
         role="navigation"
@@ -236,7 +250,7 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
         <div id="body">
           <slot></slot>
         </div>
-        ${this.hasFooterContent()?n`
+        ${this.hasFooterContent()?s`
               <div id="footer">
                 <slot name="footer"></slot>
               </div>
@@ -245,4 +259,4 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
       </div>
       ${this.resizable?this.renderResizeHandle():l}
       ${this.collapsible&&this.togglePlacement==="edge"?this.renderEdgeToggle():l}
-    `}};i.styles=x,r([o({reflect:!0})],i.prototype,"position",2),r([o()],i.prototype,"heading",2),r([o({type:Boolean})],i.prototype,"collapsible",2),r([o({reflect:!0,attribute:"toggle-placement"})],i.prototype,"togglePlacement",2),r([o({reflect:!0,attribute:"collapse-mode"})],i.prototype,"collapseMode",2),r([o({type:Boolean,reflect:!0})],i.prototype,"collapsed",2),r([o({attribute:"aria-label-expand"})],i.prototype,"ariaLabelExpand",2),r([o({attribute:"aria-label-collapse"})],i.prototype,"ariaLabelCollapse",2),r([o({type:Boolean})],i.prototype,"resizable",2),r([o({attribute:"aria-label-resize"})],i.prototype,"ariaLabelResize",2),r([h("#resize-handle")],i.prototype,"resizeHandleEl",2),r([h("#collapse-toggle")],i.prototype,"collapseToggleEl",2),r([o({type:Boolean,reflect:!0})],i.prototype,"dragging",2),r([o({type:Boolean,reflect:!0,attribute:"dragged-hidden"})],i.prototype,"draggedHidden",2),r([b()],i.prototype,"liveWidthPx",2),i=r([g(P)],i);export{i as EunomiaSidebar,P as EunomiaSidebarTagName};
+    `}};i.styles=x,a([o({reflect:!0})],i.prototype,"position",2),a([o()],i.prototype,"heading",2),a([o({type:Boolean})],i.prototype,"collapsible",2),a([o({reflect:!0,attribute:"toggle-placement"})],i.prototype,"togglePlacement",2),a([o({reflect:!0,attribute:"collapse-mode"})],i.prototype,"collapseMode",2),a([o({type:Boolean,reflect:!0})],i.prototype,"collapsed",2),a([o({attribute:"aria-label-expand"})],i.prototype,"ariaLabelExpand",2),a([o({attribute:"aria-label-collapse"})],i.prototype,"ariaLabelCollapse",2),a([o({type:Boolean})],i.prototype,"resizable",2),a([o({attribute:"aria-label-resize"})],i.prototype,"ariaLabelResize",2),a([h("#resize-handle")],i.prototype,"resizeHandleEl",2),a([h("#collapse-toggle")],i.prototype,"collapseToggleEl",2),a([o({type:Boolean,reflect:!0})],i.prototype,"dragging",2),a([o({type:Boolean,reflect:!0,attribute:"dragged-hidden"})],i.prototype,"draggedHidden",2),a([b()],i.prototype,"liveWidthPx",2),i=a([g(P)],i);export{i as EunomiaSidebar,P as EunomiaSidebarTagName};

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

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-PED5ATYN.js";import"./chunks/chunk-MMLIPCOY.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaSkeleton,a as EunomiaSkeletonTagName};
+import{a,b}from"./chunks/chunk-L2ADCEN7.js";import"./chunks/chunk-22D3SRFR.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaSkeleton,a as EunomiaSkeletonTagName};

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

@@ -1,4 +1,4 @@
-import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as d}from"./chunks/chunk-OAULRKHQ.js";import{a as x}from"./chunks/chunk-YYCEPZUN.js";import{a as k}from"./chunks/chunk-T7WABJEJ.js";import{a as h}from"./chunks/chunk-MMLIPCOY.js";import{a as g}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as f}from"./chunks/chunk-5EVP7YNE.js";import{a,f as p,g as m,h as o,i as c,j as b,n as s,p as l,s as v}from"./chunks/chunk-XH6NREVZ.js";var $=m`
+import{a as C}from"./chunks/chunk-BO3JOEWM.js";import{c as _,d as y,e as w,f as d}from"./chunks/chunk-VOTRXBDS.js";import{a as x}from"./chunks/chunk-YYCEPZUN.js";import{a as k}from"./chunks/chunk-RS7TWEMQ.js";import{a as h}from"./chunks/chunk-22D3SRFR.js";import{a as f}from"./chunks/chunk-PPCHQG7P.js";import{a as g}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-KSZRQRN4.js";import{a,f as p,h as m,j as o,k as c,l as v,p as s,r as l,u as b}from"./chunks/chunk-YITWLCD3.js";var $=m`
   :host {
     --_trackHeight: var(--slider-track-height, 6px);
     --_trackColor: var(
@@ -73,7 +73,8 @@ import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as
     border-radius: 50%;
     background: var(--_tickColor);
     transform: translate(-50%, -50%);
-    transition: background-color 0.15s ease;
+    transition: background-color var(--eun-duration-s, 150ms)
+      var(--eun-easing-default, ease);
   }
 
   .tick.tick-active {
@@ -150,9 +151,9 @@ import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as
     outline: 2px solid transparent;
     cursor: grab;
     transition:
-      transform 0.1s ease,
-      outline 0.2s ease-out,
-      outline-color 0.15s ease;
+      transform var(--eun-duration-xs, 100ms) var(--eun-easing-default, ease),
+      outline var(--eun-duration-m, 200ms) var(--eun-easing-out, ease-out),
+      outline-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease);
   }
 
   #field:active::-webkit-slider-thumb {
@@ -188,9 +189,9 @@ import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as
     outline: 2px solid transparent;
     cursor: grab;
     transition:
-      outline 0.2s ease-out,
-      transform 0.1s ease,
-      outline-color 0.15s ease;
+      outline var(--eun-duration-m, 200ms) var(--eun-easing-out, ease-out),
+      transform var(--eun-duration-xs, 100ms) var(--eun-easing-default, ease),
+      outline-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease);
   }
 
   #field:active::-moz-range-thumb {
@@ -233,16 +234,16 @@ import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as
   :host([aria-readonly="true"]) #field::-moz-range-thumb {
     cursor: default;
   }
-`,M=$;var B="eun-slider",F=k(w(v)),S=C(_(y(F))),r=class extends S{constructor(){super(...arguments);this.min=0;this.max=100;this.step=1;this.hideTooltip=!1;this.graduated=!1;this.dragging=!1;this.hasFocus=!1;this.handleHostFocus=()=>{this.fieldEl?.focus()};this.handleInput=e=>{this.value=Number(e.target.value),this.dispatchEvent(new x(this.value))};this.handleKeydown=e=>{this.readonly&&e.preventDefault()};this.handlePointerDown=()=>{this.disabled||this.readonly||(this.dragging=!0,window.addEventListener("pointerup",this.handlePointerUp),window.addEventListener("pointercancel",this.handlePointerUp))};this.handlePointerUp=()=>{this.dragging=!1,window.removeEventListener("pointerup",this.handlePointerUp),window.removeEventListener("pointercancel",this.handlePointerUp)};this.handleFocus=()=>{this.hasFocus=!0};this.handleBlur=()=>{this.hasFocus=!1}}get value(){return super.value}set value(e){super.value=e===void 0?void 0:this.clamp(e)}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}connectedCallback(){super.connectedCallback?.(),this.value??=this.clamp(this.defaultRangeValue),this.addEventListener("focus",this.handleHostFocus)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),window.removeEventListener("pointerup",this.handlePointerUp),window.removeEventListener("pointercancel",this.handlePointerUp),super.disconnectedCallback?.()}get defaultRangeValue(){return this.max<this.min?this.min:(this.min+this.max)/2}roundToStep(e){let t=(String(this.step).split(".")[1]??"").length;return t?Number(e.toFixed(t)):e}clamp(e){let t=Math.min(this.min,this.max),i=Math.max(this.min,this.max),n=Math.min(i,Math.max(t,e));if(!this.step||this.step<=0)return this.roundToStep(n);let u=Math.round((n-this.min)/this.step),z=this.min+u*this.step;return this.roundToStep(Math.min(i,Math.max(t,z)))}percentFor(e){let t=this.max-this.min;return t<=0?0:Math.min(100,Math.max(0,(e-this.min)/t*100))}formatValue(e){let t=(String(this.step).split(".")[1]??"").length;return t?e.toFixed(t):String(e)}get tickValues(){if(!this.graduated||this.max<=this.min)return[];let e=this.tickStep!==void 0&&this.tickStep>0?this.tickStep:this.step;if(!e||e<=0)return[this.min,this.max];let t=[];for(let i=this.min;i<this.max;i+=e)t.push(i);return t.push(this.max),t}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}renderTicks(e){let t=this.tickValues;return t.length?s`
+`,M=$;var B="eun-slider",F=k(w(b)),S=C(y(_(F))),t=class extends S{constructor(){super(...arguments);this.min=0;this.max=100;this.step=1;this.hideTooltip=!1;this.graduated=!1;this.dragging=!1;this.hasFocus=!1;this.handleHostFocus=()=>{this.fieldEl?.focus()};this.handleInput=e=>{this.value=Number(e.target.value),this.dispatchEvent(new x(this.value))};this.handleKeydown=e=>{this.readonly&&e.preventDefault()};this.handlePointerDown=()=>{this.disabled||this.readonly||(this.dragging=!0,window.addEventListener("pointerup",this.handlePointerUp),window.addEventListener("pointercancel",this.handlePointerUp))};this.handlePointerUp=()=>{this.dragging=!1,window.removeEventListener("pointerup",this.handlePointerUp),window.removeEventListener("pointercancel",this.handlePointerUp)};this.handleFocus=()=>{this.hasFocus=!0};this.handleBlur=()=>{this.hasFocus=!1}}get value(){return super.value}set value(e){super.value=e===void 0?void 0:this.clamp(e)}get defaultValue(){return super.defaultValue}set defaultValue(e){super.defaultValue=e}connectedCallback(){super.connectedCallback?.(),this.value??=this.clamp(this.defaultRangeValue),this.addEventListener("focus",this.handleHostFocus)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),window.removeEventListener("pointerup",this.handlePointerUp),window.removeEventListener("pointercancel",this.handlePointerUp),super.disconnectedCallback?.()}get defaultRangeValue(){return this.max<this.min?this.min:(this.min+this.max)/2}roundToStep(e){let r=(String(this.step).split(".")[1]??"").length;return r?Number(e.toFixed(r)):e}clamp(e){let r=Math.min(this.min,this.max),i=Math.max(this.min,this.max),n=Math.min(i,Math.max(r,e));if(!this.step||this.step<=0)return this.roundToStep(n);let u=Math.round((n-this.min)/this.step),z=this.min+u*this.step;return this.roundToStep(Math.min(i,Math.max(r,z)))}percentFor(e){let r=this.max-this.min;return r<=0?0:Math.min(100,Math.max(0,(e-this.min)/r*100))}formatValue(e){let r=(String(this.step).split(".")[1]??"").length;return r?e.toFixed(r):String(e)}get tickValues(){if(!this.graduated||this.max<=this.min)return[];let e=this.tickStep!==void 0&&this.tickStep>0?this.tickStep:this.step;if(!e||e<=0)return[this.min,this.max];let r=[];for(let i=this.min;i<this.max;i+=e)r.push(i);return r.push(this.max),r}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}renderTicks(e){let r=this.tickValues;return r.length?s`
       <div id="ticks" aria-hidden="true">
-        ${t.map(i=>s`
+        ${r.map(i=>s`
             <span
               class=${g({tick:!0,"tick-active":i<=e})}
               style=${h({left:`${this.percentFor(i)}%`})}
             ></span>
           `)}
       </div>
-    `:l}render(){let e=this.renderDescription(),t=e!==l,i=this.value??this.defaultRangeValue,n=this.percentFor(i),u=!this.hideTooltip&&(this.dragging||this.hasFocus);return s`
+    `:l}render(){let e=this.renderDescription(),r=e!==l,i=this.value??this.defaultRangeValue,n=this.percentFor(i),u=!this.hideTooltip&&(this.dragging||this.hasFocus);return s`
       <div id="wrapper">
         ${this.renderFormLabels("field")}
         <div
@@ -258,9 +259,9 @@ import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as
             step=${this.step}
             .value=${String(i)}
             ?disabled=${this.disabled}
-            aria-invalid=${!this.hideError&&!this.disabled&&!this.valid}
+            aria-invalid=${this.showError}
             aria-label=${f(this.label)}
-            aria-describedby=${t?"description":l}
+            aria-describedby=${r?"description":l}
             @input=${this.handleInput}
             @keydown=${this.handleKeydown}
             @pointerdown=${this.handlePointerDown}
@@ -275,4 +276,4 @@ import{a as C}from"./chunks/chunk-GW3VP2L7.js";import{a as _,c as y,d as w,e as
         </div>
         ${e}
       </div>
-    `}willUpdate(e){if((e.has("min")||e.has("max")||e.has("step"))&&this.value!==void 0){let t=this.clamp(this.value);t!==this.value&&(this.value=t)}super.willUpdate(e)}};r.styles=[M,d.base,d.errorMessages,d.hintMessages],a([o({type:Number})],r.prototype,"min",2),a([o({type:Number})],r.prototype,"max",2),a([o({type:Number})],r.prototype,"step",2),a([o({type:Boolean,attribute:"hide-tooltip",reflect:!0})],r.prototype,"hideTooltip",2),a([o({type:Boolean,reflect:!0})],r.prototype,"graduated",2),a([o({type:Number,attribute:"tick-step"})],r.prototype,"tickStep",2),a([o({type:Number})],r.prototype,"value",1),a([o({attribute:"default-value",type:Number})],r.prototype,"defaultValue",1),a([b("#field")],r.prototype,"fieldEl",2),a([c()],r.prototype,"dragging",2),a([c()],r.prototype,"hasFocus",2),r=a([p(B)],r);export{r as EunomiaSlider,B as EunomiaSliderTagName};
+    `}willUpdate(e){if((e.has("min")||e.has("max")||e.has("step"))&&this.value!==void 0){let r=this.clamp(this.value);r!==this.value&&(this.value=r)}super.willUpdate(e)}};t.styles=[M,d.base,d.errorMessages,d.hintMessages],a([o({type:Number})],t.prototype,"min",2),a([o({type:Number})],t.prototype,"max",2),a([o({type:Number})],t.prototype,"step",2),a([o({type:Boolean,attribute:"hide-tooltip",reflect:!0})],t.prototype,"hideTooltip",2),a([o({type:Boolean,reflect:!0})],t.prototype,"graduated",2),a([o({type:Number,attribute:"tick-step"})],t.prototype,"tickStep",2),a([o({type:Number})],t.prototype,"value",1),a([o({attribute:"default-value",type:Number})],t.prototype,"defaultValue",1),a([v("#field")],t.prototype,"fieldEl",2),a([c()],t.prototype,"dragging",2),a([c()],t.prototype,"hasFocus",2),t=a([p(B)],t);export{t as EunomiaSlider,B as EunomiaSliderTagName};

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

@@ -1,4 +1,4 @@
-import{a as u,b as s}from"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as h}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as f,b as p}from"./chunks/chunk-IJ5WFMK4.js";import{a as n}from"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-BKHD4S57.js";import{a as t,f as o,g as d,h as l,i as a,n as r,s as c}from"./chunks/chunk-XH6NREVZ.js";var g=d`
+import{a as u,b as s}from"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as f,b as p}from"./chunks/chunk-XDPRWUKN.js";import"./chunks/chunk-5GKM5DIB.js";import{a as n}from"./chunks/chunk-PPCHQG7P.js";import{a as h}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-LMVW522V.js";import"./chunks/chunk-KSZRQRN4.js";import{a as t,f as o,h as d,j as l,k as a,p as r,u as c}from"./chunks/chunk-YITWLCD3.js";var v=d`
   :host {
     display: block;
     position: relative;
@@ -33,7 +33,11 @@ import{a as u,b as s}from"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZ
       --sliding-card-border-radius,
       var(--eun-border-radius-l, 16px)
     );
-    padding: var(--sliding-card-padding, var(--eun-space-l, 32px));
+    padding: var(
+      --sliding-card-padding,
+      var(--sliding-card-padding-block, var(--eun-space-l, 32px))
+        var(--sliding-card-padding-inline, var(--eun-space-l, 32px))
+    );
     overflow: hidden;
   }
 
@@ -162,7 +166,7 @@ import{a as u,b as s}from"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZ
       animation: none !important;
     }
   }
-`,v=g;var m="eun-sliding-card",i=class extends f(c){constructor(){super(...arguments);this.hint=!1;this.isTouch=!1;this.isOpen=!1;this.phase="idle";this.handleMediaChange=e=>{this.isTouch=e.matches};this.handleClick=e=>{!this.isTouch||e.target.closest("a, button")||this.toggle()};this.handleFrontKeydown=e=>{!this.isTouch||e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),this.toggle())};this.handleFocusIn=()=>{this.isTouch&&!this.isOpen&&this.open()};this.handleFocusOut=()=>{this.isTouch&&this.isOpen&&this.close()};this.handleAnimationEnd=()=>{this.phase="idle"}}connectedCallback(){super.connectedCallback?.(),this.mediaQuery=window.matchMedia("(hover: none)"),this.isTouch=this.mediaQuery.matches,this.mediaQuery.addEventListener("change",this.handleMediaChange),this.addEventListener("click",this.handleClick),this.addEventListener("focusin",this.handleFocusIn),this.addEventListener("focusout",this.handleFocusOut)}disconnectedCallback(){this.mediaQuery?.removeEventListener("change",this.handleMediaChange),this.removeEventListener("click",this.handleClick),this.removeEventListener("focusin",this.handleFocusIn),this.removeEventListener("focusout",this.handleFocusOut),this.dialogEntry&&(s(this.dialogEntry),this.dialogEntry=void 0),super.disconnectedCallback?.()}open(){this.isOpen=!0,this.phase="opening",this.dialogEntry={surfaceEl:this,onEscape:()=>this.close(),onOutsideClick:()=>this.close()},u(this.dialogEntry)}close(){this.isOpen=!1,this.phase="closing",this.dialogEntry&&(s(this.dialogEntry),this.dialogEntry=void 0)}toggle(){this.isOpen?this.close():this.open()}showHint(){return this.hint&&this.isTouch&&!this.isOpen&&this.phase==="idle"}renderBack(){let e=r`<slot name="back"></slot
+`,g=v;var m="eun-sliding-card",i=class extends f(c){constructor(){super(...arguments);this.hint=!1;this.isTouch=!1;this.isOpen=!1;this.phase="idle";this.handleMediaChange=e=>{this.isTouch=e.matches};this.handleClick=e=>{!this.isTouch||e.target.closest("a, button")||this.toggle()};this.handleFrontKeydown=e=>{!this.isTouch||e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),this.toggle())};this.handleFocusIn=()=>{this.isTouch&&!this.isOpen&&this.open()};this.handleFocusOut=()=>{this.isTouch&&this.isOpen&&this.close()};this.handleAnimationEnd=()=>{this.phase="idle"}}connectedCallback(){super.connectedCallback?.(),this.mediaQuery=window.matchMedia("(hover: none)"),this.isTouch=this.mediaQuery.matches,this.mediaQuery.addEventListener("change",this.handleMediaChange),this.addEventListener("click",this.handleClick),this.addEventListener("focusin",this.handleFocusIn),this.addEventListener("focusout",this.handleFocusOut)}disconnectedCallback(){this.mediaQuery?.removeEventListener("change",this.handleMediaChange),this.removeEventListener("click",this.handleClick),this.removeEventListener("focusin",this.handleFocusIn),this.removeEventListener("focusout",this.handleFocusOut),this.dialogEntry&&(s(this.dialogEntry),this.dialogEntry=void 0),super.disconnectedCallback?.()}open(){this.isOpen=!0,this.phase="opening",this.dialogEntry={surfaceEl:this,onEscape:()=>this.close(),onOutsideClick:()=>this.close()},u(this.dialogEntry)}close(){this.isOpen=!1,this.phase="closing",this.dialogEntry&&(s(this.dialogEntry),this.dialogEntry=void 0)}toggle(){this.isOpen?this.close():this.open()}showHint(){return this.hint&&this.isTouch&&!this.isOpen&&this.phase==="idle"}renderBack(){let e=r`<slot name="back"></slot
       >${this.renderExternalLinkBadge()}`;return this.href?this.renderCardLink("back",e):r`<div id="back" part="back">${e}</div>`}render(){return r`
       ${this.renderBack()}
       <div
@@ -177,4 +181,4 @@ import{a as u,b as s}from"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZ
       >
         <slot></slot>
       </div>
-    `}};i.styles=[v,p],t([l({type:Boolean})],i.prototype,"hint",2),t([a()],i.prototype,"isTouch",2),t([a()],i.prototype,"isOpen",2),t([a()],i.prototype,"phase",2),i=t([o(m)],i);export{i as EunomiaSlidingCard,m as EunomiaSlidingCardTagName};
+    `}};i.styles=[g,p],t([l({type:Boolean})],i.prototype,"hint",2),t([a()],i.prototype,"isTouch",2),t([a()],i.prototype,"isOpen",2),t([a()],i.prototype,"phase",2),i=t([o(m)],i);export{i as EunomiaSlidingCard,m as EunomiaSlidingCardTagName};