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

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

@@ -1,4 +1,4 @@
-import{b as g}from"./chunks/chunk-BVASCT2V.js";import{a as A,b as L,c as k}from"./chunks/chunk-GWLD2I3P.js";import"./chunks/chunk-UVHVQRPT.js";import{a as y,b as w}from"./chunks/chunk-LVKMAHMU.js";import"./chunks/chunk-L74LXUGL.js";import{a as x}from"./chunks/chunk-LK5BJ4SH.js";import"./chunks/chunk-UYZR4JXZ.js";import{b as T,c}from"./chunks/chunk-624VJYNA.js";import{a as h}from"./chunks/chunk-LYYQAALT.js";import"./chunks/chunk-WW4BTWMH.js";import"./chunks/chunk-GVS6IUKC.js";import"./chunks/chunk-BO3JOEWM.js";import"./chunks/chunk-TLBXTBMM.js";import{a as m}from"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-3BMACIDO.js";import{a as d}from"./chunks/chunk-PPCHQG7P.js";import{a as v}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as r,f,h as b,j as n,k as u,l,p as o,r as a}from"./chunks/chunk-YITWLCD3.js";var D=b`
+import{b as g}from"./chunks/chunk-55PUDL7D.js";import{a as I}from"./chunks/chunk-5LA5DQMP.js";import{a as L,b as k,c as T}from"./chunks/chunk-GWLD2I3P.js";import"./chunks/chunk-UVHVQRPT.js";import{a as w,b as A}from"./chunks/chunk-AH2SKZ7T.js";import"./chunks/chunk-L74LXUGL.js";import{a as y}from"./chunks/chunk-LK5BJ4SH.js";import"./chunks/chunk-WIUERJII.js";import"./chunks/chunk-QSZO4GIH.js";import{b as O,c}from"./chunks/chunk-624VJYNA.js";import{a as u}from"./chunks/chunk-LYYQAALT.js";import"./chunks/chunk-WW4BTWMH.js";import"./chunks/chunk-GVS6IUKC.js";import"./chunks/chunk-P6LGU3FT.js";import"./chunks/chunk-BO3JOEWM.js";import"./chunks/chunk-TLBXTBMM.js";import{a as x}from"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-3BMACIDO.js";import{a as d}from"./chunks/chunk-PPCHQG7P.js";import{a as m}from"./chunks/chunk-6TIEBY34.js";import{a as v}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as r,f,h as b,j as s,k as h,l as a,p as o,r as l}from"./chunks/chunk-YITWLCD3.js";var C=b`
   #shortcut-hint {
     flex-shrink: 0;
     display: inline-flex;
@@ -107,6 +107,8 @@ import{b as g}from"./chunks/chunk-BVASCT2V.js";import{a as A,b as L,c as k}from"
     position: relative;
   }
   #panel-field #field {
+    box-sizing: border-box;
+    height: auto;
     width: 100%;
     border: none;
     border-radius: 0;
@@ -138,16 +140,16 @@ import{b as g}from"./chunks/chunk-BVASCT2V.js";import{a as A,b as L,c as k}from"
     gap: var(--eun-space-xs, 4px);
     padding: var(--eun-space-s, 8px) var(--eun-space-m, 16px);
   }
-`,I=D;var O="eun-search",i=class extends x(g){constructor(){super(...arguments);this.type="search";this.icon="search";this.clearable=!0;this.shortcut=!1;this.panel=!1;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:h}),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 A(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:T(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:c(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:c(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 m),this.closeSuggestions()}renderSuggestionOptionRows(e){let t=this.effectiveQuery;return k(e,(s,p)=>o`
+`,D=C;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.loading=!1;this.loadingLabel="Loading\u2026";this.suggestions=!1;this.noResultsLabel="No results";this.filter="contains";this.isOpen=!1;this.highlightedIndex=-1;this.optionsObserver=new MutationObserver(()=>{this.highlightedIndex>=this.filteredOptions.length&&(this.highlightedIndex=-1),this.requestUpdate()});this.handleTriggerClick=()=>{this.disabled||this.openPanel()};this.handleFieldPointerDown=()=>{this.fieldPointerDownAt=performance.now()};this.handleSuggestionsFieldActivate=()=>{!this.suggestions||this.panel||this.isOpen||this.openSuggestions()};this.handleSuggestionsFocusOut=()=>{requestAnimationFrame(()=>{this.matches(":focus-within")||this.closeSuggestions()})};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:u}),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),this.optionsObserver.observe(this,{childList:!0,subtree:!0,characterData:!0,attributes:!0,attributeFilter:["value","label"]})}disconnectedCallback(){window.removeEventListener("keydown",this.handleShortcut),this.optionsObserver.disconnect(),super.disconnectedCallback?.()}willUpdate(e){super.willUpdate(e),this.type!=="search"&&(this.type="search")}focusTarget(){if(this.panel){let[e]=this.triggerSlot?.assignedElements()??[];return e instanceof HTMLElement?e:this.triggerEl}return 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),this.addEventListener("focusout",this.handleSuggestionsFocusOut))}get options(){return L(this.children)}get effectiveQuery(){return(this.value??"").trim().toLowerCase()}get filteredOptions(){let e=this.effectiveQuery;return!e||this.filter==="none"?this.options:this.options.filter(t=>t.label.toLowerCase().includes(e))}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:O(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:c(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 n=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:t,easing:c(e),fill:"forwards"});this.listboxAnimation=n,n.finished.then(()=>{this.listboxAnimation===n&&(this.listboxAnimation=void 0),e.hidePopover()}).catch(()=>{})}handleSelect(e){this.value=e.label,this.dispatchEvent(new x(this.value)),this.dispatchEvent(new I(e.value)),this.closeSuggestions()}renderSuggestionOptionRows(e){let t=this.effectiveQuery;return T(e,(n,p)=>o`
         <li
           id="listbox-option-${p}"
           role="option"
-          aria-selected=${s.label.toLowerCase()===t}
-          class=${v({highlighted:p===this.highlightedIndex,selected:s.label.toLowerCase()===t})}
-          @mousedown=${$=>{$.preventDefault(),this.handleSelect(s)}}
+          aria-selected=${n.label.toLowerCase()===t}
+          class=${v({highlighted:p===this.highlightedIndex,selected:n.label.toLowerCase()===t})}
+          @mousedown=${$=>{$.preventDefault(),this.handleSelect(n)}}
           @mouseenter=${()=>{this.highlightedIndex=p}}
         >
-          ${L(s.label,t)}
+          ${k(n.label,t)}
         </li>
       `)}renderSuggestionsListbox(){return o`
       <ul
@@ -168,30 +170,34 @@ import{b as g}from"./chunks/chunk-BVASCT2V.js";import{a as A,b as L,c as k}from"
         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-autocomplete"),e.removeAttribute("aria-activedescendant");return}e.setAttribute("role","combobox"),e.setAttribute("aria-autocomplete","list"),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-autocomplete"),e.removeAttribute("aria-activedescendant");return}e.setAttribute("role","combobox"),e.setAttribute("aria-autocomplete","list"),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
-          id="search-trigger"
-          type="button"
-          aria-haspopup="dialog"
-          aria-label=${d(this.label)}
-          aria-keyshortcuts=${d(this.shortcut?"Control+K Meta+K":void 0)}
-          ?disabled=${this.disabled}
-          @click=${this.openPanel}
-        >
-          ${this.icon?o`<eun-icon
-                id="trigger-icon"
-                name=${this.icon}
-                size="16"
-              ></eun-icon>`:a}
-          <span id="trigger-text" class="empty">${this.placeholder||""}</span>
-          ${this.renderTriggerIndicator()}
-        </button>
+        <slot name="trigger" @click=${this.handleTriggerClick}>
+          <button
+            id="search-trigger"
+            part="trigger"
+            type="button"
+            aria-haspopup="dialog"
+            aria-label=${d(this.label)}
+            aria-keyshortcuts=${d(this.shortcut?"Control+K Meta+K":void 0)}
+            ?disabled=${this.disabled}
+          >
+            ${this.icon?o`<eun-icon
+                  id="trigger-icon"
+                  name=${this.icon}
+                  size="16"
+                ></eun-icon>`:l}
+            <span id="trigger-text" class="empty"
+              >${this.placeholder||""}</span
+            >
+            ${this.renderTriggerIndicator()}
+          </button>
+        </slot>
         <eun-modal
           id="panel"
           kind="search"
@@ -200,7 +206,7 @@ import{b as g}from"./chunks/chunk-BVASCT2V.js";import{a as A,b as L,c as k}from"
           aria-label=${this.label||(this.panelLabel??this.dictionary.search.panel)}
         >
           <div id="panel-field">
-            ${this.renderField(e!==a)}
+            ${this.renderField(e!==l)}
           </div>
           <div id="panel-results">
             <slot name="results"></slot>
@@ -208,4 +214,4 @@ import{b as g}from"./chunks/chunk-BVASCT2V.js";import{a as A,b as L,c as k}from"
         </eun-modal>
         ${e}
       </div>
-    `}};i.styles=[g.styles,y,...h?[]:[w],I],i.FIELD_POINTER_DOWN_WINDOW_MS=100,r([n({reflect:!0,converter:{toAttribute:()=>null}})],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:"panel-label"})],i.prototype,"panelLabel",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([u()],i.prototype,"isOpen",2),r([u()],i.prototype,"highlightedIndex",2),r([l("#panel")],i.prototype,"modalEl",2),r([l("#field-wrapper")],i.prototype,"fieldWrapperEl",2),r([l("#search-trigger")],i.prototype,"triggerEl",2),r([l("#listbox")],i.prototype,"listboxEl",2),i=r([f(O)],i);export{i as EunomiaSearch,O as EunomiaSearchTagName};
+    `}};i.styles=[g.styles,w,...u?[]:[A],D],i.FIELD_POINTER_DOWN_WINDOW_MS=100,r([s({reflect:!0,converter:{toAttribute:()=>null}})],i.prototype,"type",2),r([s()],i.prototype,"icon",2),r([s({converter:m})],i.prototype,"clearable",2),r([s({type:Boolean})],i.prototype,"shortcut",2),r([s({type:Boolean})],i.prototype,"panel",2),r([s({attribute:"panel-label"})],i.prototype,"panelLabel",2),r([s({type:Boolean,reflect:!0})],i.prototype,"loading",2),r([s({attribute:"loading-label"})],i.prototype,"loadingLabel",2),r([s({type:Boolean,reflect:!0})],i.prototype,"suggestions",2),r([s({attribute:"no-results-label"})],i.prototype,"noResultsLabel",2),r([s()],i.prototype,"filter",2),r([h()],i.prototype,"isOpen",2),r([h()],i.prototype,"highlightedIndex",2),r([a("#panel")],i.prototype,"modalEl",2),r([a("#field-wrapper")],i.prototype,"fieldWrapperEl",2),r([a('slot[name="trigger"]')],i.prototype,"triggerSlot",2),r([a("#search-trigger")],i.prototype,"triggerEl",2),r([a("#listbox")],i.prototype,"listboxEl",2),i=r([f(P)],i);export{i as EunomiaSearch,P as EunomiaSearchTagName};

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

@@ -1,4 +1,4 @@
-import{a as H,b as P,c as R}from"./chunks/chunk-GWLD2I3P.js";import{a as A}from"./chunks/chunk-UVHVQRPT.js";import{a as D,b as F}from"./chunks/chunk-LVKMAHMU.js";import{a as C}from"./chunks/chunk-LK5BJ4SH.js";import{a as E}from"./chunks/chunk-UYZR4JXZ.js";import{b as V,c as g}from"./chunks/chunk-624VJYNA.js";import{a as b}from"./chunks/chunk-LYYQAALT.js";import{a as k}from"./chunks/chunk-GVS6IUKC.js";import{a as T}from"./chunks/chunk-BO3JOEWM.js";import{c as M,d as I,e as O,f as u}from"./chunks/chunk-TLBXTBMM.js";import{a as f}from"./chunks/chunk-YYCEPZUN.js";import{a as $}from"./chunks/chunk-3BMACIDO.js";import{a as p}from"./chunks/chunk-PPCHQG7P.js";import{a as d}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as w}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as n,f as x,h as y,j as r,k as h,l as c,n as m,p as o,r as l,u as L}from"./chunks/chunk-YITWLCD3.js";var N=y`
+import{a as P,b as V,c as B}from"./chunks/chunk-GWLD2I3P.js";import{a as A}from"./chunks/chunk-UVHVQRPT.js";import{a as R,b as H}from"./chunks/chunk-AH2SKZ7T.js";import{a as D}from"./chunks/chunk-LK5BJ4SH.js";import{a as E}from"./chunks/chunk-WIUERJII.js";import{a as F}from"./chunks/chunk-QSZO4GIH.js";import{b as N,c as g}from"./chunks/chunk-624VJYNA.js";import{a as b}from"./chunks/chunk-LYYQAALT.js";import{a as k}from"./chunks/chunk-GVS6IUKC.js";import{a as C}from"./chunks/chunk-P6LGU3FT.js";import{a as T}from"./chunks/chunk-BO3JOEWM.js";import{c as $,d as I,e as O,f as u}from"./chunks/chunk-TLBXTBMM.js";import{a as f}from"./chunks/chunk-YYCEPZUN.js";import{a as M}from"./chunks/chunk-3BMACIDO.js";import{a as p}from"./chunks/chunk-PPCHQG7P.js";import{a as d}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as w}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as n,f as x,h as y,j as r,k as h,l as c,n as m,p as o,r as l,u as L}from"./chunks/chunk-YITWLCD3.js";var z=y`
   #field {
     padding-inline-end: calc(var(--eun-space-l, 32px) * 1.2);
   }
@@ -105,7 +105,7 @@ import{a as H,b as P,c as R}from"./chunks/chunk-GWLD2I3P.js";import{a as A}from"
     outline-offset: 2px;
     border-radius: var(--eun-border-radius-m);
   }
-`,B=[E,D,...b?[]:[F],N];var W="eun-select",q=$(O(L)),z=w(C(k(T(I(A(M(q))))))),t=class extends z{constructor(){super(...arguments);this.errorOnChange=!0;this.searchable=!1;this.native=!1;this.multiple=!1;this.noAnimation=!1;this.searchPlaceholder="Search\u2026";this.selectPlaceholder="Select\u2026";this.noResultsLabel="No results";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??this.dictionary.common.confirm)}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.disabled||this.readonly?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex")))}get hostTabStop(){return!1}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:V(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 s=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:i,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()}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(s=>s!==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}case" ":{if(this.searchable||this.typeaheadBuffer){this.searchable||this.handleTypeahead(e);break}if(e.preventDefault(),!this.isOpen){this.openListbox();break}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 s=(this.highlightedIndex+1)%i.length,a=[...i.slice(s),...i.slice(0,s)].findIndex(v=>v.label.toLowerCase().startsWith(this.typeaheadBuffer));a!==-1&&(this.highlightedIndex=(s+a)%i.length)}renderHighlighted(e){return P(e,this.effectiveQuery)}renderOptionRows(e){return R(e,(i,s)=>{let a=this.isSelected(i);return o`
+`,W=[F,R,...b?[]:[H],z];var q="eun-select",K=M(O(L)),Q=w(D(C(E(k(T(I(A($(K))))))))),t=class extends Q{constructor(){super(...arguments);this.errorOnChange=!0;this.searchable=!1;this.native=!1;this.multiple=!1;this.noAnimation=!1;this.searchPlaceholder="Search\u2026";this.selectPlaceholder="Select\u2026";this.noResultsLabel="No results";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 P(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??this.dictionary.common.confirm)}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.disabled||this.readonly?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex")))}get hostTabStop(){return!1}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: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 s=e.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:i,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()}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(s=>s!==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}case" ":{if(this.searchable||this.typeaheadBuffer){this.searchable||this.handleTypeahead(e);break}if(e.preventDefault(),!this.isOpen){this.openListbox();break}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 s=(this.highlightedIndex+1)%i.length,a=[...i.slice(s),...i.slice(0,s)].findIndex(v=>v.label.toLowerCase().startsWith(this.typeaheadBuffer));a!==-1&&(this.highlightedIndex=(s+a)%i.length)}renderHighlighted(e){return V(e,this.effectiveQuery)}renderOptionRows(e){return B(e,(i,s)=>{let a=this.isSelected(i);return o`
         <li
           id="listbox-option-${s}"
           role="option"
@@ -234,4 +234,4 @@ import{a as H,b as P,c as R}from"./chunks/chunk-GWLD2I3P.js";import{a as A}from"
         ${a} ${i}
         <slot hidden @slotchange=${this.handleSlotChange}></slot>
       </div>
-    `}};t.styles=[B,u.base,u.errorMessages,u.hintMessages],t.FIELD_POINTER_DOWN_WINDOW_MS=100,n([r({attribute:"default-value"})],t.prototype,"defaultValue",1),n([r()],t.prototype,"value",1),n([r({type:Boolean,reflect:!0})],t.prototype,"searchable",2),n([r({type:Boolean,reflect:!0})],t.prototype,"native",2),n([r({type:Boolean,reflect:!0})],t.prototype,"multiple",2),n([r({type:Boolean,reflect:!0,attribute:"no-animation"})],t.prototype,"noAnimation",2),n([r()],t.prototype,"icon",2),n([r()],t.prototype,"placeholder",2),n([r({attribute:"search-placeholder"})],t.prototype,"searchPlaceholder",2),n([r({attribute:"select-placeholder"})],t.prototype,"selectPlaceholder",2),n([r({attribute:"empty-value-label"})],t.prototype,"emptyValueLabel",2),n([r({attribute:"no-results-label"})],t.prototype,"noResultsLabel",2),n([r({attribute:"confirm-label"})],t.prototype,"confirmLabel",2),n([r({type:Boolean,reflect:!0})],t.prototype,"loading",2),n([r({attribute:"loading-label"})],t.prototype,"loadingLabel",2),n([h()],t.prototype,"searchQuery",2),n([h()],t.prototype,"isOpen",2),n([h()],t.prototype,"highlightedIndex",2),n([c("#field")],t.prototype,"fieldEl",2),n([c("#field-wrapper")],t.prototype,"fieldWrapperEl",2),n([c("#listbox")],t.prototype,"listboxEl",2),n([m({slot:"icon"})],t.prototype,"iconSlotEls",2),n([m({slot:"actions"})],t.prototype,"actionsSlotEls",2),t=n([x(W)],t);export{t as EunomiaSelect,W as EunomiaSelectTagName};
+    `}};t.styles=[W,u.base,u.errorMessages,u.hintMessages],t.FIELD_POINTER_DOWN_WINDOW_MS=100,n([r({attribute:"default-value"})],t.prototype,"defaultValue",1),n([r()],t.prototype,"value",1),n([r({type:Boolean,reflect:!0})],t.prototype,"searchable",2),n([r({type:Boolean,reflect:!0})],t.prototype,"native",2),n([r({type:Boolean,reflect:!0})],t.prototype,"multiple",2),n([r({type:Boolean,reflect:!0,attribute:"no-animation"})],t.prototype,"noAnimation",2),n([r()],t.prototype,"icon",2),n([r()],t.prototype,"placeholder",2),n([r({attribute:"search-placeholder"})],t.prototype,"searchPlaceholder",2),n([r({attribute:"select-placeholder"})],t.prototype,"selectPlaceholder",2),n([r({attribute:"empty-value-label"})],t.prototype,"emptyValueLabel",2),n([r({attribute:"no-results-label"})],t.prototype,"noResultsLabel",2),n([r({attribute:"confirm-label"})],t.prototype,"confirmLabel",2),n([r({type:Boolean,reflect:!0})],t.prototype,"loading",2),n([r({attribute:"loading-label"})],t.prototype,"loadingLabel",2),n([h()],t.prototype,"searchQuery",2),n([h()],t.prototype,"isOpen",2),n([h()],t.prototype,"highlightedIndex",2),n([c("#field")],t.prototype,"fieldEl",2),n([c("#field-wrapper")],t.prototype,"fieldWrapperEl",2),n([c("#listbox")],t.prototype,"listboxEl",2),n([m({slot:"icon"})],t.prototype,"iconSlotEls",2),n([m({slot:"actions"})],t.prototype,"actionsSlotEls",2),t=n([x(q)],t);export{t as EunomiaSelect,q 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-PPCHQG7P.js";import{a as x}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.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 P=v`
+import{a as w}from"./chunks/chunk-624VJYNA.js";import{a as d}from"./chunks/chunk-YYCEPZUN.js";import{a as z,b as P}from"./chunks/chunk-BKZGTCMF.js";import{a as u}from"./chunks/chunk-PPCHQG7P.js";import{a as g}from"./chunks/chunk-6TIEBY34.js";import{a as y}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as r,f as m,g as b,h as f,j as a,k as h,l as c,p as s,r as l,u as x}from"./chunks/chunk-YITWLCD3.js";var _=f`
   :host {
     --_width: var(--sidebar-width, 280px);
     --_miniWidth: var(--sidebar-mini-width, 64px);
@@ -8,6 +8,14 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
       --sidebar-border-color,
       var(--eun-border-color, #dee0e7)
     );
+    --_toggleColor: var(
+      --sidebar-toggle-color,
+      var(--eun-text-secondary, #484e61)
+    );
+    --_toggleBackgroundHover: var(
+      --sidebar-toggle-background-hover,
+      var(--eun-content-hover, #edeff0)
+    );
     --_paddingBlock: var(
       --sidebar-padding,
       var(--sidebar-padding-block, var(--eun-space-m, 16px))
@@ -34,6 +42,25 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
   :host([dragging]) {
     transition: none;
   }
+  :host([theme="dark"]) {
+    --_background: var(
+      --sidebar-background,
+      var(--eun-surface-inverse, #0b1620)
+    );
+    --_color: var(--sidebar-color, var(--eun-text-on-inverse, #f5f7fa));
+    --_borderColor: var(
+      --sidebar-border-color,
+      color-mix(in srgb, var(--_color) 16%, transparent)
+    );
+    --_toggleColor: var(
+      --sidebar-toggle-color,
+      color-mix(in srgb, var(--_color) 75%, transparent)
+    );
+    --_toggleBackgroundHover: var(
+      --sidebar-toggle-background-hover,
+      color-mix(in srgb, var(--_color) 12%, transparent)
+    );
+  }
   :host([position="end"]) {
     border-inline-end: none;
     border-inline-start: var(--eun-border-width-s, 1px) solid
@@ -46,10 +73,6 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     --_width: 0px;
     border-color: transparent;
   }
-  :host([dragged-hidden]) {
-    --_width: 0px !important;
-    border-color: transparent !important;
-  }
 
   #surface {
     box-sizing: border-box;
@@ -101,20 +124,20 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     inset-inline-end: -4px;
     z-index: 0;
     width: 8px;
-    cursor: ew-resize;
     touch-action: none;
     background: transparent;
-    transition: background-color var(--eun-duration-s, 150ms)
-      var(--eun-easing-default, ease);
   }
   :host([position="end"]) #resize-handle {
     inset-inline-end: auto;
     inset-inline-start: -4px;
   }
-  #resize-handle:hover,
+  #resize-handle.armed,
   #resize-handle:focus-visible {
+    cursor: ew-resize;
     background: var(--eun-color-primary-500, #3d6fff);
     opacity: 0.35;
+    transition: background-color var(--eun-duration-s, 150ms)
+      var(--eun-easing-default, ease);
   }
   #resize-handle:focus-visible {
     outline: none;
@@ -138,17 +161,25 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     background: var(--_background);
     border: var(--eun-border-width-s, 1px) solid var(--_borderColor);
     border-radius: var(--eun-border-radius-xl, 999px);
-    color: var(--eun-text-secondary, #484e61);
+    color: var(--_toggleColor);
     cursor: pointer;
-    transition: background-color var(--eun-duration-s, 150ms)
-      var(--eun-easing-default, ease);
+    outline: 2px solid transparent;
+    transition:
+      background-color var(--eun-duration-s, 150ms)
+        var(--eun-easing-default, ease),
+      outline var(--eun-duration-m, 200ms) var(--eun-easing-out, ease-out);
   }
   :host([position="end"]) #collapse-toggle:not(.inline) {
     inset-inline-end: auto;
     inset-inline-start: -14px;
   }
   #collapse-toggle:not(.inline):hover {
-    background: var(--eun-content-hover, #edeff0);
+    background:
+      linear-gradient(
+        var(--_toggleBackgroundHover),
+        var(--_toggleBackgroundHover)
+      ),
+      var(--_background);
   }
 
   #collapse-toggle.inline {
@@ -162,16 +193,19 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     border-top: var(--eun-border-width-s, 1px) solid var(--_borderColor);
     border-radius: 0;
     background: transparent;
-    color: var(--eun-text-secondary, #484e61);
+    color: var(--_toggleColor);
     font: inherit;
     font-size: var(--eun-font-size-s, 14px);
     text-align: start;
     cursor: pointer;
-    transition: background-color var(--eun-duration-s, 150ms)
-      var(--eun-easing-default, ease);
+    outline: 2px solid transparent;
+    transition:
+      background-color var(--eun-duration-s, 150ms)
+        var(--eun-easing-default, ease),
+      outline var(--eun-duration-m, 200ms) var(--eun-easing-out, ease-out);
   }
   #collapse-toggle.inline:hover {
-    background: var(--eun-content-hover, #edeff0);
+    background: var(--_toggleBackgroundHover);
   }
   #collapse-toggle-label {
     overflow: hidden;
@@ -188,16 +222,24 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
   }
 
   #collapse-toggle:focus-visible {
-    outline: 2px solid var(--eun-color-primary-500, #3d6fff);
+    outline-color: var(--eun-color-primary-500, #3d6fff);
     outline-offset: 1px;
   }
+  #collapse-toggle.inline:focus-visible {
+    outline-offset: -2px;
+    outline-color: var(--eun-color-primary-500, #3d6fff);
+    border-start-start-radius: var(--eun-border-radius-m, 8px);
+    border-start-end-radius: var(--eun-border-radius-m, 8px);
+    background: var(--_toggleBackgroundHover);
+  }
 
   @media (prefers-reduced-motion: reduce) {
     :host {
       transition: none;
     }
   }
-`,y=P;var w="eun-sidebar",i=class extends x(f){constructor(){super(...arguments);this.position="start";this.collapsible=!0;this.togglePlacement="edge";this.collapseMode="mini";this.collapsed=!1;this.resizable=!0;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`
+`,T=b(Object.keys(z).map(p=>`@media ${P(p)} { :host([hide-below="${p}"]) { display: none; } }`).join(`
+`)),k=[_,T];var W="eun-sidebar",t=class extends y(x){constructor(){super(...arguments);this.position="start";this.theme="light";this.collapsible=!0;this.togglePlacement="edge";this.collapseMode="mini";this.collapsed=!1;this.resizable=!0;this.dragStartWidth=0;this.lastRawWidth=0;this.dragStartCollapsed=!1;this.dragMoved=!1;this.dragging=!1;this.resizeHandleArmed=!1;this.focusWasInsideBeforeHiddenCollapse=!1;this.handleResizePointerEnter=()=>{this.disarmResizeHandle();let e=w(getComputedStyle(this).getPropertyValue("--sidebar-resize-handle-delay"))??100;if(e===0){this.resizeHandleArmed=!0;return}this.resizeHandleArmTimer=setTimeout(()=>{this.resizeHandleArmTimer=void 0,this.resizeHandleArmed=!0},e)};this.handleResizePointerLeave=()=>{this.disarmResizeHandle()};this.handleResizePointerDown=e=>{if(!(e.pointerType==="mouse"&&e.button!==0)){this.resizeHandleArmTimer!==void 0&&(clearTimeout(this.resizeHandleArmTimer),this.resizeHandleArmTimer=void 0),this.resizeHandleArmed=!0;try{this.resizeHandleEl?.setPointerCapture(e.pointerId)}catch{}this.dragStartX=e.clientX,this.dragStartWidth=this.currentWidthPx(),this.dragStartCollapsed=this.collapsed,this.lastRawWidth=this.dragStartWidth,this.dragMoved=!1}};this.handleResizePointerMove=e=>{if(this.dragStartX===void 0)return;this.dragging=!0,this.dragMoved=!0;let o=e.clientX-this.dragStartX,i=this.position==="start"?o:-o;this.lastRawWidth=this.dragStartWidth+i,this.applyWidth(this.lastRawWidth,this.collapseMode==="hidden"?0:this.miniWidthPx())};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.handleResizeKeydown=e=>{let i;switch(e.key){case"ArrowLeft":i=this.currentWidthPx()+(this.position==="start"?-16:16);break;case"ArrowRight":i=this.currentWidthPx()+(this.position==="start"?16:-16);break;case"Home":i=this.miniWidthPx();break;case"End":i=this.maxWidthPx();break;default:return}e.preventDefault();let n=this.collapsed;this.applyWidth(i),this.settleCollapsedState(i,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())}disconnectedCallback(){super.disconnectedCallback(),this.disarmResizeHandle()}collapse(){this.setCollapsed(!0)}expand(){this.setCollapsed(!1)}toggleCollapse(){this.setCollapsed(!this.collapsed)}setCollapsed(e){this.collapsed!==e&&(this.collapsed=e,this.dispatchEvent(new d))}forgetResizedWidth(){this.style.removeProperty("--sidebar-width"),this.liveWidthPx=void 0}resolvedPx(e,o){let i=getComputedStyle(this).getPropertyValue(e).trim(),n=Number.parseFloat(i);return Number.isNaN(n)?o:n}miniWidthPx(){return this.resolvedPx("--sidebar-mini-width",64)}maxWidthPx(){return this.resolvedPx("--sidebar-max-width",480)}currentWidthPx(){return this.collapsed&&this.collapseMode==="hidden"?0:this.collapsed&&this.collapseMode==="mini"?this.miniWidthPx():this.liveWidthPx??this.resolvedPx("--sidebar-width",280)}applyWidth(e,o=this.miniWidthPx()){let i=Math.min(Math.max(e,o),this.maxWidthPx());this.collapsed=!1,this.style.setProperty("--sidebar-width",`${i}px`),this.liveWidthPx=i}settleCollapsedState(e,o){let i=this.collapseMode==="mini"&&e<=this.miniWidthPx();i&&this.forgetResizedWidth(),this.collapsed=i,i!==o&&this.dispatchEvent(new d)}settleWidth(e,o){let i=this.miniWidthPx(),n=e<i;if(n)this.forgetResizedWidth();else{let v=Math.min(e,this.maxWidthPx());this.style.setProperty("--sidebar-width",`${v}px`),this.liveWidthPx=v}this.collapsed=n,n!==o&&this.dispatchEvent(new d)}disarmResizeHandle(){this.resizeHandleArmTimer!==void 0&&(clearTimeout(this.resizeHandleArmTimer),this.resizeHandleArmTimer=void 0),this.resizeHandleArmed=!1}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?s`<h2 id="heading">${this.heading}</h2>`:l}
@@ -228,6 +270,7 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
     `}renderResizeHandle(){return s`
       <div
         id="resize-handle"
+        class=${u(this.resizeHandleArmed?"armed":void 0)}
         role="separator"
         aria-orientation="vertical"
         aria-label=${this.resizeLabel??this.dictionary.sidebar.resize}
@@ -235,6 +278,8 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
         aria-valuemin=${Math.round(this.miniWidthPx())}
         aria-valuemax=${Math.round(this.maxWidthPx())}
         tabindex="0"
+        @pointerenter=${this.handleResizePointerEnter}
+        @pointerleave=${this.handleResizePointerLeave}
         @pointerdown=${this.handleResizePointerDown}
         @pointermove=${this.handleResizePointerMove}
         @pointerup=${this.handleResizePointerUp}
@@ -245,7 +290,7 @@ import{a as p}from"./chunks/chunk-YYCEPZUN.js";import{a as m}from"./chunks/chunk
       <div
         id="surface"
         role="navigation"
-        aria-label=${m(this.surfaceAriaLabel())}
+        aria-label=${u(this.surfaceAriaLabel())}
         ?inert=${this.collapseMode==="hidden"&&this.collapsed}
       >
         ${this.hasHeaderContent()?this.renderHeader():l}
@@ -261,4 +306,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=y,a([o({reflect:!0,useDefault:!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",useDefault:!0})],i.prototype,"togglePlacement",2),a([o({reflect:!0,attribute:"collapse-mode",useDefault:!0})],i.prototype,"collapseMode",2),a([o({type:Boolean,reflect:!0})],i.prototype,"collapsed",2),a([o({attribute:"expand-label"})],i.prototype,"expandLabel",2),a([o({attribute:"collapse-label"})],i.prototype,"collapseLabel",2),a([o({type:Boolean})],i.prototype,"resizable",2),a([o({attribute:"resize-label"})],i.prototype,"resizeLabel",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(w)],i);export{i as EunomiaSidebar,w as EunomiaSidebarTagName};
+    `}};t.styles=k,r([a({reflect:!0,useDefault:!0})],t.prototype,"position",2),r([a({reflect:!0,attribute:"hide-below"})],t.prototype,"hideBelow",2),r([a({reflect:!0,useDefault:!0})],t.prototype,"theme",2),r([a()],t.prototype,"heading",2),r([a({converter:g})],t.prototype,"collapsible",2),r([a({reflect:!0,attribute:"toggle-placement",useDefault:!0})],t.prototype,"togglePlacement",2),r([a({reflect:!0,attribute:"collapse-mode",useDefault:!0})],t.prototype,"collapseMode",2),r([a({type:Boolean,reflect:!0})],t.prototype,"collapsed",2),r([a({attribute:"expand-label"})],t.prototype,"expandLabel",2),r([a({attribute:"collapse-label"})],t.prototype,"collapseLabel",2),r([a({converter:g})],t.prototype,"resizable",2),r([a({attribute:"resize-label"})],t.prototype,"resizeLabel",2),r([c("#resize-handle")],t.prototype,"resizeHandleEl",2),r([c("#collapse-toggle")],t.prototype,"collapseToggleEl",2),r([a({type:Boolean,reflect:!0})],t.prototype,"dragging",2),r([h()],t.prototype,"resizeHandleArmed",2),r([h()],t.prototype,"liveWidthPx",2),t=r([m(W)],t);export{t as EunomiaSidebar,W as EunomiaSidebarTagName};

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 f,b as p}from"./chunks/chunk-MQQJ6DID.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-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.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`
+import{a as u,b as s}from"./chunks/chunk-RGC3I6MK.js";import"./chunks/chunk-5LXGJVJR.js";import{a as f,b as p}from"./chunks/chunk-MQQJ6DID.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-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.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;

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

@@ -1,4 +1,4 @@
-import{a as u}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as s,f as g,h as S,j as i,n as x,p as a,r as p,u as y}from"./chunks/chunk-YITWLCD3.js";var d=class l extends Event{static{this.eventName="eunstepchange"}constructor(m){super(l.eventName,{bubbles:!0,composed:!1}),this.step=m}};var $=S`
+import{a as $}from"./chunks/chunk-6TIEBY34.js";import{a as l}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as s,f as g,h as S,j as i,n as x,p as a,r as p,u as y}from"./chunks/chunk-YITWLCD3.js";var u=class f extends Event{static{this.eventName="eunstepchange"}constructor(m){super(f.eventName,{bubbles:!0,composed:!1}),this.step=m}};var k=S`
   :host {
     display: block;
     container-type: normal;
@@ -300,8 +300,8 @@ import{a as u}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js
       var(--eun-text-disabled-color, #8d93aa)
     );
   }
-`;var z="eun-stepper",T={fromAttribute(l){return l!==null&&l!=="false"},toAttribute:String},o=class extends y{constructor(){super(...arguments);this.steps=[];this.activeStep=0;this.orientation="horizontal";this.variant="numbered";this.linear=!0;this.disabled=!1;this.handleSlotChange=()=>{this.syncSlottedSteps(),this.requestUpdate()}}hasSlottedSteps(){return this.children.length>0}requestStepFromChild(e){let t=this.slottedSteps.indexOf(e);t!==-1&&this.requestStep(t)}syncSlottedSteps(){this.slottedSteps.forEach((e,t)=>{e.index=t,e.orientation!==this.orientation&&(e.orientation=this.orientation);let r=this.statusOf(t,this.activeStep,e.state);e.status!==r&&(e.status=r);let n=t===this.activeStep;e.reachable=!n&&!this.disabled&&!e.disabled&&(!this.linear||t<this.activeStep)})}updated(e){super.updated(e),this.hasSlottedSteps()&&this.syncSlottedSteps()}requestStep(e){this.dispatchEvent(new d(e))}statusOf(e,t,r){return e===t?"current":e<t?r==="error"?"error":"completed":"upcoming"}renderIndicatorContent(e,t){return e==="completed"?a`<eun-icon name="check" size="16"></eun-icon>`:e==="error"?a`<eun-icon name="error" size="16"></eun-icon>`:`${t+1}`}renderSubstepRing(e){let t=this.activeSubstep??-1,r=e.length>0?Math.min(Math.max((t+1)/e.length,0),1):0,n=e[t]?.state==="error";return a`<span
-      class=${u({"substep-ring":!0,error:n})}
+`;var T="eun-stepper",o=class extends y{constructor(){super(...arguments);this.steps=[];this.activeStep=0;this.orientation="horizontal";this.variant="numbered";this.linear=!0;this.disabled=!1;this.handleSlotChange=()=>{this.syncSlottedSteps(),this.requestUpdate()}}hasSlottedSteps(){return this.children.length>0}requestStepFromChild(e){let t=this.slottedSteps.indexOf(e);t!==-1&&this.requestStep(t)}syncSlottedSteps(){this.slottedSteps.forEach((e,t)=>{e.index=t,e.orientation!==this.orientation&&(e.orientation=this.orientation);let r=this.statusOf(t,this.activeStep,e.state);e.status!==r&&(e.status=r);let n=t===this.activeStep;e.reachable=!n&&!this.disabled&&!e.disabled&&(!this.linear||t<this.activeStep)})}updated(e){super.updated(e),this.hasSlottedSteps()&&this.syncSlottedSteps()}requestStep(e){this.dispatchEvent(new u(e))}statusOf(e,t,r){return e===t?"current":e<t?r==="error"?"error":"completed":"upcoming"}renderIndicatorContent(e,t){return e==="completed"?a`<eun-icon name="check" size="16"></eun-icon>`:e==="error"?a`<eun-icon name="error" size="16"></eun-icon>`:`${t+1}`}renderSubstepRing(e){let t=this.activeSubstep??-1,r=e.length>0?Math.min(Math.max((t+1)/e.length,0),1):0,n=e[t]?.state==="error";return a`<span
+      class=${l({"substep-ring":!0,error:n})}
       aria-hidden="true"
       style="--_substepFraction: ${r}"
     ></span>`}renderIndicator(e,t,r){let n=r===this.activeStep&&!!e.substeps?.length;return a`
@@ -309,30 +309,30 @@ import{a as u}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js
         ${this.renderIndicatorContent(t,r)}
         ${n?this.renderSubstepRing(e.substeps):p}
       </span>
-    `}renderStep(e,t,r){let n=this.statusOf(t,this.activeStep,e.state),v=t===this.activeStep,k=!v&&!this.disabled&&!e.disabled&&(!this.linear||t<this.activeStep),b=this.renderIndicator(e,n,t),h=u({"step-control":!0,"has-description":!!e.description}),f=a`
+    `}renderStep(e,t,r){let n=this.statusOf(t,this.activeStep,e.state),d=t===this.activeStep,w=!d&&!this.disabled&&!e.disabled&&(!this.linear||t<this.activeStep),v=this.renderIndicator(e,n,t),b=l({"step-control":!0,"has-description":!!e.description}),h=a`
       <span class="content">
         <span class="label">${e.label}</span>
         ${e.description?a`<span class="description">${e.description}</span>`:p}
       </span>
-    `,w=v&&e.substeps?.length&&this.activeSubstep!==void 0?a`<span class="sr-only"
+    `,E=d&&e.substeps?.length&&this.activeSubstep!==void 0?a`<span class="sr-only"
             >, step ${this.activeSubstep+1} of ${e.substeps.length}:
             ${e.substeps[this.activeSubstep]?.label}</span
-          >`:p,c;v?c=a`<span class=${h} aria-current="step"
-        >${b}${f}${w}</span
-      >`:k?c=a`<button
+          >`:p,c;d?c=a`<span class=${b} aria-current="step"
+        >${v}${h}${E}</span
+      >`:w?c=a`<button
         type="button"
-        class=${h}
+        class=${b}
         @click=${()=>this.requestStep(t)}
       >
-        ${b}${f}
-      </button>`:c=a`<button type="button" class=${h} disabled>
-        ${b}${f}
-      </button>`;let E=this.orientation==="vertical"&&t<r?a`<span
+        ${v}${h}
+      </button>`:c=a`<button type="button" class=${b} disabled>
+        ${v}${h}
+      </button>`;let z=this.orientation==="vertical"&&t<r?a`<span
             class="v-connector"
             aria-hidden="true"
             ?data-active=${t<this.activeStep}
           ></span>`:p;return a`<li class="step" data-status=${n}>
-      ${c}${E}
+      ${c}${z}
     </li>`}renderConnector(e){return a`<li
       class="connector"
       aria-hidden="true"
@@ -344,7 +344,7 @@ import{a as u}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js
                   ${this.renderStep(r,n,t)}
                   ${this.orientation!=="vertical"&&n<t?this.renderConnector(n):p}
                 `)}
-          <li class=${u({"items-slot":!0,hidden:!e})}>
+          <li class=${l({"items-slot":!0,hidden:!e})}>
             <slot @slotchange=${this.handleSlotChange}></slot>
           </li>
         </ol>
@@ -359,4 +359,4 @@ import{a as u}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js
         ${r?a`<span slot="top-left">${r}</span>`:p}
         <span slot="top-right">${t+1} / ${e}</span>
       </eun-progress-bar>
-    `}render(){return this.variant==="progress"?this.renderProgress():this.renderNumbered()}};o.styles=[$],s([i({type:Array,reflect:!0,useDefault:!0})],o.prototype,"steps",2),s([i({type:Number,attribute:"active-step"})],o.prototype,"activeStep",2),s([i({type:Number,attribute:"active-substep"})],o.prototype,"activeSubstep",2),s([i({reflect:!0,useDefault:!0})],o.prototype,"orientation",2),s([i({reflect:!0,useDefault:!0})],o.prototype,"variant",2),s([i({reflect:!0,converter:T})],o.prototype,"linear",2),s([i({type:Boolean,reflect:!0})],o.prototype,"disabled",2),s([x()],o.prototype,"slottedSteps",2),o=s([g(z)],o);export{o as EunomiaStepper,z as EunomiaStepperTagName};
+    `}render(){return this.variant==="progress"?this.renderProgress():this.renderNumbered()}};o.styles=[k],s([i({type:Array,reflect:!0,useDefault:!0})],o.prototype,"steps",2),s([i({type:Number,attribute:"active-step"})],o.prototype,"activeStep",2),s([i({type:Number,attribute:"active-substep"})],o.prototype,"activeSubstep",2),s([i({reflect:!0,useDefault:!0})],o.prototype,"orientation",2),s([i({reflect:!0,useDefault:!0})],o.prototype,"variant",2),s([i({reflect:!0,converter:$})],o.prototype,"linear",2),s([i({type:Boolean,reflect:!0})],o.prototype,"disabled",2),s([x()],o.prototype,"slottedSteps",2),o=s([g(T)],o);export{o as EunomiaStepper,T as EunomiaStepperTagName};

package/dist/cdn/components/eun-tab-panel.js

@@ -1,4 +1,4 @@
-import{b as d}from"./chunks/chunk-UDOZRIJZ.js";import{a as i,f as l,h as r,j as s,p as n,u as o}from"./chunks/chunk-YITWLCD3.js";var c=r`
+import{c as d}from"./chunks/chunk-5LXGJVJR.js";import{a as i,f as l,h as r,j as s,p as n,u as o}from"./chunks/chunk-YITWLCD3.js";var c=r`
   :host {
     display: block;
     font-family: var(--eun-font-family, "Mulish", sans-serif);

package/dist/cdn/components/eun-table-action-bar.js

@@ -1 +1 @@
-import{b as a,c as b}from"./chunks/chunk-3PNGQEG4.js";import"./chunks/chunk-PD62MBOJ.js";import"./chunks/chunk-BKZGTCMF.js";import"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaTableActionBar,a as EunomiaTableActionBarTagName};
+import{b as a,c as b}from"./chunks/chunk-32L2QYWQ.js";import"./chunks/chunk-PD62MBOJ.js";import"./chunks/chunk-BKZGTCMF.js";import"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaTableActionBar,a as EunomiaTableActionBarTagName};

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

@@ -1,4 +1,4 @@
-import{a as C,b as J}from"./chunks/chunk-3PNGQEG4.js";import"./chunks/chunk-SVGWCKWT.js";import{a as Y,b as X}from"./chunks/chunk-ZYC7DHES.js";import"./chunks/chunk-QXQ25SQS.js";import{a as G}from"./chunks/chunk-VG6NAAIV.js";import"./chunks/chunk-PXF554MD.js";import"./chunks/chunk-EUWUDCBZ.js";import"./chunks/chunk-I4ERDXSM.js";import"./chunks/chunk-TFTRCIIK.js";import"./chunks/chunk-AK2DIJX7.js";import{b as x,c as k,d as U,e as W,f as T}from"./chunks/chunk-VJCNHMQZ.js";import"./chunks/chunk-624VJYNA.js";import"./chunks/chunk-TLBXTBMM.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-DGI7TKCU.js";import"./chunks/chunk-Z3OFIE7S.js";import"./chunks/chunk-3BMACIDO.js";import"./chunks/chunk-UP4M7TER.js";import"./chunks/chunk-22D3SRFR.js";import"./chunks/chunk-PD62MBOJ.js";import"./chunks/chunk-BKZGTCMF.js";import"./chunks/chunk-3MTUVMM5.js";import"./chunks/chunk-5GKM5DIB.js";import{a as A}from"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-O7PHBLH2.js";import{a as q,b as V,c as I}from"./chunks/chunk-SGM2X2TC.js";import{a as j}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as o,f as _,h as S,j as s,k as K,l as L,p as m,q as N,r as R,t as D,u as F}from"./chunks/chunk-YITWLCD3.js";var Q=(b,v,e)=>{let t=new Map;for(let a=v;a<=e;a++)t.set(b[a],a);return t},Z=V(class extends I{constructor(b){if(super(b),b.type!==q.CHILD)throw Error("repeat() can only be used in text expressions")}dt(b,v,e){let t;e===void 0?e=v:v!==void 0&&(t=v);let a=[],r=[],i=0;for(let c of b)a[i]=t?t(c,i):i,r[i]=e(c,i),i++;return{values:r,keys:a}}render(b,v,e){return this.dt(b,v,e).values}update(b,[v,e,t]){let a=W(b),{values:r,keys:i}=this.dt(v,e,t);if(!Array.isArray(a))return this.ut=i,r;let c=this.ut??=[],l=[],u,f,d=0,h=a.length-1,p=0,g=r.length-1;for(;d<=h&&p<=g;)if(a[d]===null)d++;else if(a[h]===null)h--;else if(c[d]===i[p])l[p]=k(a[d],r[p]),d++,p++;else if(c[h]===i[g])l[g]=k(a[h],r[g]),h--,g--;else if(c[d]===i[g])l[g]=k(a[d],r[g]),x(b,l[g+1],a[d]),d++,g--;else if(c[h]===i[p])l[p]=k(a[h],r[p]),x(b,a[d],a[h]),h--,p++;else if(u===void 0&&(u=Q(i,p,g),f=Q(c,d,h)),u.has(c[d]))if(u.has(c[h])){let y=f.get(i[p]),B=y!==void 0?a[y]:null;if(B===null){let $=x(b,a[d]);k($,r[p]),l[p]=$}else l[p]=k(B,r[p]),x(b,a[d],B),a[y]=null;p++}else T(a[h]),h--;else T(a[d]),d++;for(;p<=g;){let y=x(b,l[g+1]);k(y,r[p]),l[p++]=y}for(;d<=h;){let y=a[d++];y!==null&&T(y)}return this.ut=i,U(b,l),N}});function O(b,v){return b?.length?b:`__row-${v}`}function ee(b){switch(b){case"center":return"center";case"right":return"end";case"left":return"start";default:return}}var M=class b extends Event{static{this.eventName="euntableselectionchange"}constructor(v){super(b.eventName,{bubbles:!0,composed:!1}),this.selectedKeys=v,this.selectedCount=v.length}};var z=class b extends Event{static{this.eventName="euntablerowclick"}constructor(v){super(b.eventName,{bubbles:!0,cancelable:!0,composed:!1}),this.rowKey=v}};var re=S`
+import{a as C,b as J}from"./chunks/chunk-32L2QYWQ.js";import"./chunks/chunk-SVGWCKWT.js";import{a as Y,b as X}from"./chunks/chunk-ZYC7DHES.js";import"./chunks/chunk-QXQ25SQS.js";import{a as G}from"./chunks/chunk-VG6NAAIV.js";import"./chunks/chunk-QYB6Z6FG.js";import"./chunks/chunk-5LA5DQMP.js";import"./chunks/chunk-EUWUDCBZ.js";import"./chunks/chunk-I4ERDXSM.js";import"./chunks/chunk-TFTRCIIK.js";import"./chunks/chunk-AK2DIJX7.js";import{b as x,c as k,d as U,e as W,f as T}from"./chunks/chunk-VJCNHMQZ.js";import"./chunks/chunk-624VJYNA.js";import"./chunks/chunk-TLBXTBMM.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-LD35BFNK.js";import"./chunks/chunk-3UUZM7X2.js";import"./chunks/chunk-3BMACIDO.js";import"./chunks/chunk-UP4M7TER.js";import"./chunks/chunk-22D3SRFR.js";import"./chunks/chunk-PD62MBOJ.js";import"./chunks/chunk-BKZGTCMF.js";import"./chunks/chunk-3MTUVMM5.js";import"./chunks/chunk-5GKM5DIB.js";import{a as A}from"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-O7PHBLH2.js";import{a as q,b as V,c as I}from"./chunks/chunk-SGM2X2TC.js";import{a as j}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as o,f as _,h as S,j as s,k as K,l as L,p as m,q as N,r as R,t as D,u as F}from"./chunks/chunk-YITWLCD3.js";var Q=(b,v,e)=>{let t=new Map;for(let a=v;a<=e;a++)t.set(b[a],a);return t},Z=V(class extends I{constructor(b){if(super(b),b.type!==q.CHILD)throw Error("repeat() can only be used in text expressions")}dt(b,v,e){let t;e===void 0?e=v:v!==void 0&&(t=v);let a=[],r=[],i=0;for(let c of b)a[i]=t?t(c,i):i,r[i]=e(c,i),i++;return{values:r,keys:a}}render(b,v,e){return this.dt(b,v,e).values}update(b,[v,e,t]){let a=W(b),{values:r,keys:i}=this.dt(v,e,t);if(!Array.isArray(a))return this.ut=i,r;let c=this.ut??=[],l=[],u,f,d=0,h=a.length-1,p=0,g=r.length-1;for(;d<=h&&p<=g;)if(a[d]===null)d++;else if(a[h]===null)h--;else if(c[d]===i[p])l[p]=k(a[d],r[p]),d++,p++;else if(c[h]===i[g])l[g]=k(a[h],r[g]),h--,g--;else if(c[d]===i[g])l[g]=k(a[d],r[g]),x(b,l[g+1],a[d]),d++,g--;else if(c[h]===i[p])l[p]=k(a[h],r[p]),x(b,a[d],a[h]),h--,p++;else if(u===void 0&&(u=Q(i,p,g),f=Q(c,d,h)),u.has(c[d]))if(u.has(c[h])){let y=f.get(i[p]),B=y!==void 0?a[y]:null;if(B===null){let $=x(b,a[d]);k($,r[p]),l[p]=$}else l[p]=k(B,r[p]),x(b,a[d],B),a[y]=null;p++}else T(a[h]),h--;else T(a[d]),d++;for(;p<=g;){let y=x(b,l[g+1]);k(y,r[p]),l[p++]=y}for(;d<=h;){let y=a[d++];y!==null&&T(y)}return this.ut=i,U(b,l),N}});function O(b,v){return b?.length?b:`__row-${v}`}function ee(b){switch(b){case"center":return"center";case"right":return"end";case"left":return"start";default:return}}var M=class b extends Event{static{this.eventName="euntableselectionchange"}constructor(v){super(b.eventName,{bubbles:!0,composed:!1}),this.selectedKeys=v,this.selectedCount=v.length}};var z=class b extends Event{static{this.eventName="euntablerowclick"}constructor(v){super(b.eventName,{bubbles:!0,cancelable:!0,composed:!1}),this.rowKey=v}};var re=S`
   :host {
     display: flex;
     flex-direction: column;
@@ -561,7 +561,7 @@ import{a as C,b as J}from"./chunks/chunk-3PNGQEG4.js";import"./chunks/chunk-SVGW
         @eunselect=${r=>e.onSelect(r.key,t,a)}
       ></eun-dropdown-button>`:m`<eun-button
       size="xs"
-      appearance=${e.color?"default":"ghost"}
+      appearance=${e.color?"soft":"ghost"}
       color=${A(e.color)}
       aria-label=${e.label}
       ?disabled=${e.disabled?.(t)??!1}