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

package/dist/cdn/components/eun-infinite-list.js

@@ -1,21 +1,30 @@
-import{a as K,b as G}from"./chunks/chunk-ZYC7DHES.js";import"./chunks/chunk-5XJLIHAU.js";import"./chunks/chunk-MMLIPCOY.js";import"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as q}from"./chunks/chunk-5EVP7YNE.js";import{a as c,b as t,c as u,d as p,e as l,f as B,g as R,h as f,i as I,j as L,n as _,s as U}from"./chunks/chunk-XH6NREVZ.js";var V=R`
+import{a as Q,b as X}from"./chunks/chunk-ZYC7DHES.js";import"./chunks/chunk-QXQ25SQS.js";import"./chunks/chunk-22D3SRFR.js";import{a as j}from"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as J}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as u,b as t,c as a,d as p,e as r,f as q,h as K,j as f,k as V,l as O,p as G,u as W}from"./chunks/chunk-YITWLCD3.js";var Y=K`
   :host {
     display: block;
     font-family: var(--eun-font-family, "Mulish", sans-serif);
   }
   #scroller {
     max-block-size: var(--infinite-list-height, none);
+    padding: var(
+      --infinite-list-padding,
+      var(--infinite-list-padding-block, 0)
+        var(--infinite-list-padding-inline, 0)
+    );
+  }
+  #scroller.contained {
     overflow-y: auto;
     overscroll-behavior: contain;
-    padding: var(--infinite-list-padding, 0);
   }
   #feed {
-    display: flex;
-    flex-direction: column;
+    display: grid;
+    grid-template-columns: repeat(
+      var(--infinite-list-columns, 1),
+      minmax(0, 1fr)
+    );
     gap: var(--infinite-list-gap, var(--eun-space-m, 16px));
   }
-  .eun-il-spacer {
-    flex: none;
+  ::slotted(.eun-il-spacer) {
+    grid-column: 1 / -1;
     visibility: hidden;
   }
   #sentinel {
@@ -57,19 +66,22 @@ import{a as K,b as G}from"./chunks/chunk-ZYC7DHES.js";import"./chunks/chunk-5XJL
       );
     outline-offset: 2px;
   }
-`;var X="eun-infinite-list",O="eun-il-spacer",Y=56,Z='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])',h,v,g,E,S,m,y,w,P,s,M,C,T,j,W,A,J,F,Q,x,$,H,k,D,a=class extends G(U){constructor(){super(...arguments);u(this,s);this.pageSize=20;this.virtualize=!0;this.virtualizeThreshold=100;this.bufferPages=1;this.loading=!1;this.hasMore=!1;this.loadingLabel="Loading more items\u2026";this.rootMargin="400px";this.itemCount=0;u(this,h,[]);u(this,v,new Set);u(this,g,new Map);u(this,E,[]);u(this,S,Y);u(this,m,0);u(this,y,!1);u(this,w,0);u(this,P);u(this,C,()=>{this.scheduleAnimationFrame(()=>l(this,s,T).call(this))});u(this,H,e=>{if(!e.defaultPrevented)switch(e.key){case"ArrowDown":case"PageDown":e.preventDefault(),l(this,s,x).call(this,t(this,m)+1);break;case"ArrowUp":case"PageUp":e.preventDefault(),l(this,s,x).call(this,t(this,m)-1);break;case"Home":e.preventDefault(),e.ctrlKey||e.metaKey?l(this,s,$).call(this,-1):l(this,s,x).call(this,0);break;case"End":e.preventDefault(),e.ctrlKey||e.metaKey?l(this,s,$).call(this,1):l(this,s,x).call(this,t(this,h).length-1);break;default:break}});u(this,k,e=>{let i=e.target;if(!(i instanceof HTMLElement))return;let n=t(this,h).findIndex(o=>o===i||o.contains(i));n===-1||n===t(this,m)||(p(this,m,n),l(this,s,M).call(this))});u(this,D,()=>{this.syncItemsFromLightDom()})}disconnectedCallback(){this.teardownLoadMoreSentinel(),t(this,P)?.disconnect(),super.disconnectedCallback()}firstUpdated(){this.syncItemsFromLightDom(),l(this,s,F).call(this),p(this,P,new ResizeObserver(()=>this.scheduleAnimationFrame(()=>l(this,s,T).call(this)))),this.scrollerEl&&(t(this,P).observe(this.scrollerEl),this.scrollerEl.addEventListener("scroll",t(this,C),{passive:!0})),this.addEventListener("keydown",t(this,H)),this.addEventListener("focusin",t(this,k))}updated(e){super.updated(e),e.has("rootMargin")&&l(this,s,F).call(this),e.has("hasMore")&&l(this,s,M).call(this),(e.has("virtualize")||e.has("virtualizeThreshold")||e.has("bufferPages")||e.has("pageSize"))&&this.scheduleAnimationFrame(()=>l(this,s,T).call(this))}syncItemsFromLightDom(){if(t(this,y))return;let e=[];for(let r of Array.from(this.children))if(!(!(r instanceof HTMLElement)||r.hasAttribute("slot"))){if(r.classList.contains(O)){let b=Number(r.dataset.eunPage);e.push(...t(this,g).get(b)??[]);continue}e.push(r)}let i=e.length>t(this,h).length&&t(this,h).every((r,b)=>e[b]===r),n=e.length-t(this,h).length;i||(t(this,g).clear(),p(this,E,[]),p(this,m,0),this.scrollerEl&&(this.scrollerEl.scrollTop=0)),p(this,h,e),this.itemCount=e.length;let o=Math.ceil(e.length/this.pageSize),d=new Set;for(let r=0;r<o;r++)t(this,g).has(r)||d.add(r);p(this,v,d),l(this,s,M).call(this),i&&n>0&&this.announcerEl&&(this.announcerEl.textContent=`${n} more item${n>1?"s":""} loaded`),this.scheduleAnimationFrame(()=>l(this,s,T).call(this)),this.reobserveSentinel(this.sentinelEl)}render(){let e=this.itemCount>0&&!this.hasMore&&!this.loading,i=this.itemCount===0&&!this.loading;return _`
+`;var se="eun-infinite-list",$="eun-il-spacer",ne=56,re='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])',d,v,g,T,x,m,y,C,E,S,A,s,M,U,k,H,z,Z,ee,D,te,P,ie,w,_,N,F,I,B,h=class extends J(X(W)){constructor(){super(...arguments);a(this,s);this.pageSize=20;this.virtualize=!1;this.virtualizeThreshold=100;this.bufferPages=1;this.loading=!1;this.hasMore=!1;this.itemTabStop="roving";this.rootMargin="400px";this.itemCount=0;a(this,d,[]);a(this,v,new Set);a(this,g,new Map);a(this,T,[]);a(this,x,ne);a(this,m,0);a(this,y,!1);a(this,C,0);a(this,E);a(this,S,!1);a(this,A,1);a(this,k,()=>{this.scheduleAnimationFrame(()=>r(this,s,z).call(this))});a(this,H,()=>{t(this,S)||t(this,k).call(this)});a(this,N,e=>{if(!e.defaultPrevented)switch(e.key){case"ArrowDown":case"PageDown":e.preventDefault(),r(this,s,w).call(this,t(this,m)+1);break;case"ArrowUp":case"PageUp":e.preventDefault(),r(this,s,w).call(this,t(this,m)-1);break;case"Home":e.preventDefault(),e.ctrlKey||e.metaKey?r(this,s,_).call(this,-1):r(this,s,w).call(this,0);break;case"End":e.preventDefault(),e.ctrlKey||e.metaKey?r(this,s,_).call(this,1):r(this,s,w).call(this,t(this,d).length-1);break;default:break}});a(this,F,e=>{let i=e.target;if(!(i instanceof HTMLElement))return;let n=t(this,d).findIndex(o=>o===i||o.contains(i));n===-1||n===t(this,m)||(p(this,m,n),r(this,s,M).call(this))});a(this,I,e=>{let i=e.target;this.itemTabStop==="none"&&i instanceof HTMLElement&&t(this,d).includes(i)&&i.removeAttribute("tabindex")});a(this,B,()=>{this.syncItemsFromLightDom()})}connectedCallback(){super.connectedCallback(),window.addEventListener("scroll",t(this,H),{passive:!0}),this.hasUpdated&&this.scrollerEl&&(t(this,E)?.observe(this.scrollerEl),r(this,s,P).call(this))}disconnectedCallback(){this.teardownLoadMoreSentinel(),t(this,E)?.disconnect(),window.removeEventListener("scroll",t(this,H)),super.disconnectedCallback()}firstUpdated(){r(this,s,U).call(this),this.syncItemsFromLightDom(),r(this,s,P).call(this),p(this,E,new ResizeObserver(()=>this.scheduleAnimationFrame(()=>{r(this,s,U).call(this),r(this,s,z).call(this)}))),this.scrollerEl&&(t(this,E).observe(this.scrollerEl),this.scrollerEl.addEventListener("scroll",t(this,k),{passive:!0})),this.addEventListener("keydown",t(this,N)),this.addEventListener("focusin",t(this,F)),this.addEventListener("focusout",t(this,I))}updated(e){super.updated(e),e.has("rootMargin")&&r(this,s,P).call(this),(e.has("hasMore")||e.has("itemTabStop"))&&r(this,s,M).call(this),(e.has("virtualize")||e.has("virtualizeThreshold")||e.has("bufferPages")||e.has("pageSize"))&&this.scheduleAnimationFrame(()=>r(this,s,z).call(this))}syncItemsFromLightDom(){if(t(this,y))return;let e=[];for(let l of Array.from(this.children))if(!(!(l instanceof HTMLElement)||l.hasAttribute("slot"))){if(l.classList.contains($)){let b=Number(l.dataset.eunPage);e.push(...t(this,g).get(b)??[]);continue}e.push(l)}let i=e.length>t(this,d).length&&t(this,d).every((l,b)=>e[b]===l),n=e.length-t(this,d).length;i||(t(this,g).clear(),p(this,T,[]),p(this,m,0),this.scrollerEl&&(this.scrollerEl.scrollTop=0)),p(this,d,e),this.itemCount=e.length;let o=Math.ceil(e.length/this.pageSize),c=new Set;for(let l=0;l<o;l++)t(this,g).has(l)||c.add(l);p(this,v,c),r(this,s,M).call(this),i&&n>0&&this.announcerEl&&(this.announcerEl.textContent=this.dictionary.infiniteList.itemsLoaded(n)),this.scheduleAnimationFrame(()=>r(this,s,z).call(this)),this.reobserveSentinel(this.sentinelEl)}render(){let e=this.itemCount>0&&!this.hasMore&&!this.loading,i=this.itemCount===0&&!this.loading;return G`
       <div id="scroller">
         <div
           id="feed"
+          part="feed"
           role="feed"
-          aria-label=${q(this.label)}
+          aria-label=${j(this.label)}
           aria-busy=${this.loading?"true":"false"}
         >
-          <slot @slotchange=${t(this,D)}></slot>
+          <slot @slotchange=${t(this,B)}></slot>
         </div>
         <div id="sentinel" aria-hidden="true"></div>
         <div id="loading-row" ?hidden=${!this.loading}>
-          <eun-loader label=${this.loadingLabel}></eun-loader>
+          <eun-loader
+            label=${this.loadingLabel??this.dictionary.infiniteList.loadingMore}
+          ></eun-loader>
         </div>
         <div id="end" ?hidden=${!e}><slot name="end"></slot></div>
         <div id="empty" ?hidden=${!i}><slot name="empty"></slot></div>
@@ -80,4 +92,4 @@ import{a as K,b as G}from"./chunks/chunk-ZYC7DHES.js";import"./chunks/chunk-5XJL
         aria-live="polite"
         class="visually-hidden"
       ></div>
-    `}};h=new WeakMap,v=new WeakMap,g=new WeakMap,E=new WeakMap,S=new WeakMap,m=new WeakMap,y=new WeakMap,w=new WeakMap,P=new WeakMap,s=new WeakSet,M=function(){let e=this.hasMore?-1:t(this,h).length;t(this,h).forEach((i,n)=>{i.isConnected&&(i.hasAttribute("role")||i.setAttribute("role","article"),i.setAttribute("aria-posinset",String(n+1)),i.setAttribute("aria-setsize",String(e)),i.tabIndex=n===t(this,m)?0:-1)})},C=new WeakMap,T=function(){let e=t(this,h).length;if(e===0)return;let i=Math.ceil(e/this.pageSize);if(!this.virtualize||e<=this.virtualizeThreshold){for(let r=0;r<i;r++)l(this,s,A).call(this,r);return}if(!this.scrollerEl||this.scrollerEl.clientHeight===0)return;let n=l(this,s,j).call(this,i),o=Math.max(0,n-this.bufferPages),d=Math.min(i-1,n+this.bufferPages);for(let r=0;r<i;r++)r>=o&&r<=d?l(this,s,A).call(this,r):l(this,s,J).call(this,r)},j=function(e){let i=this.scrollerEl;if(!i)return 0;let n=i.scrollTop+i.clientHeight/2,o=0;for(let d=0;d<e;d++){let r=t(this,E)[d]??l(this,s,W).call(this,d);if(n<o+r)return d;o+=r}return Math.max(0,e-1)},W=function(e){let i=Math.ceil(t(this,h).length/this.pageSize);return(e===i-1?t(this,h).length-e*this.pageSize:this.pageSize)*t(this,S)},A=function(e){if(t(this,v).has(e))return;let i=t(this,g).get(e);if(!i||i.length===0)return;let n=this.querySelector(`.${O}[data-eun-page="${e}"]`);if(p(this,y,!0),n){for(let o of i)n.before(o);n.remove()}else for(let o of i)this.append(o);queueMicrotask(()=>{p(this,y,!1)}),t(this,g).delete(e),t(this,v).add(e),l(this,s,M).call(this)},J=function(e){if(!t(this,v).has(e))return;let i=e*this.pageSize,n=Math.min(i+this.pageSize,t(this,h).length),o=t(this,h).slice(i,n).filter(N=>N.isConnected);if(o.length===0)return;let d=o[0],b=o[o.length-1].getBoundingClientRect().bottom-d.getBoundingClientRect().top;if(b<=0)return;t(this,E)[e]=b,p(this,S,(t(this,S)+b/o.length)/2);let z=document.createElement("div");z.className=O,z.dataset.eunPage=String(e),z.style.blockSize=`${b}px`,z.setAttribute("aria-hidden","true"),p(this,y,!0),d.before(z);for(let N of o)N.remove();queueMicrotask(()=>{p(this,y,!1)}),t(this,g).set(e,o),t(this,v).delete(e)},F=function(){this.setupLoadObserver(this.sentinelEl,this.scrollerEl??null,this.rootMargin,()=>l(this,s,Q).call(this))},Q=function(){this.loading||!this.hasMore||(this.loading=!0,p(this,w,t(this,w)+1),this.dispatchEvent(new K(t(this,w),this.pageSize)))},x=function(e){if(e<0||e>=t(this,h).length)return;let i=Math.floor(e/this.pageSize);l(this,s,A).call(this,i),p(this,m,e),l(this,s,M).call(this);let n=t(this,h)[e];n.focus(),n.scrollIntoView({block:"nearest"})},$=function(e){let i=Array.from(document.querySelectorAll(Z)).filter(o=>{if(o===this||this.contains(o))return!1;let d=this.compareDocumentPosition(o);return e===1?!!(d&Node.DOCUMENT_POSITION_FOLLOWING):!!(d&Node.DOCUMENT_POSITION_PRECEDING)});(e===1?i[0]:i[i.length-1])?.focus()},H=new WeakMap,k=new WeakMap,D=new WeakMap,a.styles=V,c([f({attribute:"page-size",type:Number})],a.prototype,"pageSize",2),c([f({type:Boolean,reflect:!0})],a.prototype,"virtualize",2),c([f({attribute:"virtualize-threshold",type:Number})],a.prototype,"virtualizeThreshold",2),c([f({attribute:"buffer-pages",type:Number})],a.prototype,"bufferPages",2),c([f({type:Boolean,reflect:!0})],a.prototype,"loading",2),c([f({attribute:"has-more",type:Boolean,reflect:!0})],a.prototype,"hasMore",2),c([f({attribute:"loading-label"})],a.prototype,"loadingLabel",2),c([f()],a.prototype,"label",2),c([f({attribute:"root-margin"})],a.prototype,"rootMargin",2),c([I()],a.prototype,"itemCount",2),c([L("#scroller")],a.prototype,"scrollerEl",2),c([L("#sentinel")],a.prototype,"sentinelEl",2),c([L("#announcer")],a.prototype,"announcerEl",2),a=c([B(X)],a);export{a as EunomiaInfiniteList,X as EunomiaInfiniteListTagName};
+    `}};d=new WeakMap,v=new WeakMap,g=new WeakMap,T=new WeakMap,x=new WeakMap,m=new WeakMap,y=new WeakMap,C=new WeakMap,E=new WeakMap,S=new WeakMap,A=new WeakMap,s=new WeakSet,M=function(){let e=this.hasMore?-1:t(this,d).length,i=this.itemTabStop!=="none";t(this,d).forEach((n,o)=>{n.isConnected&&(n.hasAttribute("role")||n.setAttribute("role","article"),n.setAttribute("aria-posinset",String(o+1)),n.setAttribute("aria-setsize",String(e)),i&&o===t(this,m)?n.tabIndex=0:n.matches(":focus")||n.removeAttribute("tabindex"))})},U=function(){let e=this.scrollerEl;if(!e)return;let i=Number.parseInt(getComputedStyle(this).getPropertyValue("--infinite-list-columns"),10);p(this,A,i>0?i:1);let n=getComputedStyle(e).maxBlockSize!=="none";n!==t(this,S)&&(p(this,S,n),e.classList.toggle("contained",n),this.loadObserver&&r(this,s,P).call(this))},k=new WeakMap,H=new WeakMap,z=function(){let e=t(this,d).length;if(e===0)return;let i=Math.ceil(e/this.pageSize);if(!this.virtualize||t(this,A)>1||e<=this.virtualizeThreshold){for(let l=0;l<i;l++)r(this,s,D).call(this,l);return}if(!this.scrollerEl||this.scrollerEl.clientHeight===0)return;let n=r(this,s,Z).call(this,i),o=Math.max(0,n-this.bufferPages),c=Math.min(i-1,n+this.bufferPages);for(let l=0;l<i;l++)l>=o&&l<=c?r(this,s,D).call(this,l):r(this,s,te).call(this,l)},Z=function(e){let i=this.scrollerEl;if(!i)return 0;let n=t(this,S)?i.scrollTop+i.clientHeight/2:window.innerHeight/2-i.getBoundingClientRect().top,o=0;for(let c=0;c<e;c++){let l=t(this,T)[c]??r(this,s,ee).call(this,c);if(n<o+l)return c;o+=l}return Math.max(0,e-1)},ee=function(e){let i=Math.ceil(t(this,d).length/this.pageSize);return(e===i-1?t(this,d).length-e*this.pageSize:this.pageSize)*t(this,x)},D=function(e){if(t(this,v).has(e))return;let i=t(this,g).get(e);if(!i||i.length===0)return;let n=this.querySelector(`.${$}[data-eun-page="${e}"]`);if(p(this,y,!0),n){for(let o of i)n.before(o);n.remove()}else for(let o of i)this.append(o);queueMicrotask(()=>{p(this,y,!1)}),t(this,g).delete(e),t(this,v).add(e),r(this,s,M).call(this)},te=function(e){if(!t(this,v).has(e))return;let i=e*this.pageSize,n=Math.min(i+this.pageSize,t(this,d).length),o=t(this,d).slice(i,n).filter(R=>R.isConnected);if(o.length===0)return;let c=o[0],b=o[o.length-1].getBoundingClientRect().bottom-c.getBoundingClientRect().top;if(b<=0)return;t(this,T)[e]=b,p(this,x,(t(this,x)+b/o.length)/2);let L=document.createElement("div");L.className=$,L.dataset.eunPage=String(e),L.style.blockSize=`${b}px`,L.setAttribute("aria-hidden","true"),p(this,y,!0),c.before(L);for(let R of o)R.remove();queueMicrotask(()=>{p(this,y,!1)}),t(this,g).set(e,o),t(this,v).delete(e)},P=function(){this.setupLoadObserver(this.sentinelEl,t(this,S)?this.scrollerEl??null:null,this.rootMargin,()=>r(this,s,ie).call(this))},ie=function(){this.loading||!this.hasMore||(this.loading=!0,p(this,C,t(this,C)+1),this.dispatchEvent(new Q(t(this,C),this.pageSize)))},w=function(e){if(e<0||e>=t(this,d).length)return;let i=Math.floor(e/this.pageSize);r(this,s,D).call(this,i),p(this,m,e),r(this,s,M).call(this);let n=t(this,d)[e];this.itemTabStop==="none"&&(n.tabIndex=0),n.focus(),n.scrollIntoView({block:"nearest"})},_=function(e){let i=Array.from(document.querySelectorAll(re)).filter(o=>{if(o===this||this.contains(o))return!1;let c=this.compareDocumentPosition(o);return e===1?!!(c&Node.DOCUMENT_POSITION_FOLLOWING):!!(c&Node.DOCUMENT_POSITION_PRECEDING)});(e===1?i[0]:i[i.length-1])?.focus()},N=new WeakMap,F=new WeakMap,I=new WeakMap,B=new WeakMap,h.styles=Y,u([f({attribute:"page-size",type:Number})],h.prototype,"pageSize",2),u([f({type:Boolean,reflect:!0})],h.prototype,"virtualize",2),u([f({attribute:"virtualize-threshold",type:Number})],h.prototype,"virtualizeThreshold",2),u([f({attribute:"buffer-pages",type:Number})],h.prototype,"bufferPages",2),u([f({type:Boolean,reflect:!0})],h.prototype,"loading",2),u([f({attribute:"has-more",type:Boolean,reflect:!0})],h.prototype,"hasMore",2),u([f({attribute:"loading-label"})],h.prototype,"loadingLabel",2),u([f({attribute:"item-tab-stop"})],h.prototype,"itemTabStop",2),u([f()],h.prototype,"label",2),u([f({attribute:"root-margin"})],h.prototype,"rootMargin",2),u([V()],h.prototype,"itemCount",2),u([O("#scroller")],h.prototype,"scrollerEl",2),u([O("#sentinel")],h.prototype,"sentinelEl",2),u([O("#announcer")],h.prototype,"announcerEl",2),h=u([q(se)],h);export{h as EunomiaInfiniteList,se as EunomiaInfiniteListTagName};

package/dist/cdn/components/eun-input-file.js

@@ -1,4 +1,4 @@
-import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as C,e as h}from"./chunks/chunk-OAULRKHQ.js";import{a as u}from"./chunks/chunk-YYCEPZUN.js";import{a as L}from"./chunks/chunk-32DTNR52.js";import{a as m}from"./chunks/chunk-5EVP7YNE.js";import{a as s,f as y,g as k,h as l,i as w,j as F,n as d,p as b,s as $}from"./chunks/chunk-XH6NREVZ.js";var v=class g extends Event{static{this.eventName="eunfilereject"}constructor(x){super(g.eventName,{bubbles:!0,composed:!1}),this.files=x}};var M=k`
+import{a as M}from"./chunks/chunk-BO3JOEWM.js";import{a as p,c as _,d as C,e as E,f as h}from"./chunks/chunk-TLBXTBMM.js";import{a as u}from"./chunks/chunk-YYCEPZUN.js";import{a as z}from"./chunks/chunk-3BMACIDO.js";import{a as m}from"./chunks/chunk-PPCHQG7P.js";import{a as $}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a as n,f as y,h as k,j as s,k as F,l as L,p as d,r as b,u as w}from"./chunks/chunk-YITWLCD3.js";var v=class g extends Event{static{this.eventName="eunfilereject"}constructor(x){super(g.eventName,{bubbles:!0,composed:!1}),this.files=x}};var R=k`
   :host {
     --_borderColor: var(
       --input-file-border-color,
@@ -78,8 +78,9 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
     cursor: pointer;
     box-sizing: border-box;
     transition:
-      border-color 0.15s ease,
-      background-color 0.15s ease;
+      border-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease),
+      background-color var(--eun-duration-s, 150ms)
+        var(--eun-easing-default, ease);
   }
   #dropzone #drop-icon {
     --icon-color: var(--_iconColor);
@@ -174,7 +175,7 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
     display: grid;
     gap: var(--_gap);
   }
-  :host([kind="image"]) #items {
+  :host(:is([kind="image"], :not([kind]))) #items {
     grid-template-columns: repeat(
       auto-fill,
       minmax(var(--_thumbnailSize), 1fr)
@@ -197,7 +198,7 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
   .item:focus-visible {
     outline: 1px solid var(--_focusIndicator);
   }
-  :host([kind="image"]) .item {
+  :host(:is([kind="image"], :not([kind]))) .item {
     aspect-ratio: 1 / 1;
     overflow: hidden;
     align-items: stretch;
@@ -236,7 +237,7 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
   .item-checkbox {
     flex: none;
   }
-  :host([kind="image"]) .item-checkbox {
+  :host(:is([kind="image"], :not([kind]))) .item-checkbox {
     position: absolute;
     top: var(--eun-space-xs, 4px);
     left: var(--eun-space-xs, 4px);
@@ -262,7 +263,7 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
   :host([kind="file"]) .item-remove:hover {
     color: var(--_textColor);
   }
-  :host([kind="image"]) .item-remove {
+  :host(:is([kind="image"], :not([kind]))) .item-remove {
     position: absolute;
     top: var(--eun-space-xs, 4px);
     right: var(--eun-space-xs, 4px);
@@ -272,7 +273,7 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
     outline: 2px solid var(--_focusIndicator);
     outline-offset: 2px;
   }
-`,R=M;var D="eun-input-file",j=L(C($)),B=E(z(_(j))),r=class extends B{constructor(){super(...arguments);this.kind="image";this.multiple=!1;this.selectable=!1;this.dropLabel="Drag and drop files here, or";this.browseLabel="browse files";this.ariaLabelRemove="Remove file";this.ariaLabelSelect="Select file";this.removeAllLabel="Remove all";this.selectAllLabel="Select all";this.deleteSelectedLabel="Delete selected";this.ariaLabelOpen="Open in a new tab";this.dragging=!1;this.selected=new Set;this.dragCounter=0;this.objectUrls=new Map;this.handleHostFocus=()=>{this.firstFocusable()?.focus()};this.handleNativeChange=e=>{let t=e.target;t.files?.length&&this.processFiles(t.files),t.value=""};this.handleDragEnter=e=>{this.disabled||this.readonly||!this.carriesFiles(e)||(e.preventDefault(),this.dragCounter+=1,this.dragging=!0)};this.handleDragOver=e=>{this.disabled||this.readonly||!this.carriesFiles(e)||e.preventDefault()};this.handleDragLeave=e=>{this.disabled||this.readonly||!this.carriesFiles(e)||(this.dragCounter=Math.max(this.dragCounter-1,0),this.dragCounter===0&&(this.dragging=!1))};this.handleDrop=e=>{if(e.preventDefault(),this.dragCounter=0,this.dragging=!1,this.disabled||this.readonly)return;let t=e.dataTransfer?.files;t?.length&&this.processFiles(t)}}connectedCallback(){super.connectedCallback?.(),this.addEventListener("focus",this.handleHostFocus),this.addEventListener("dragenter",this.handleDragEnter),this.addEventListener("dragover",this.handleDragOver),this.addEventListener("dragleave",this.handleDragLeave),this.addEventListener("drop",this.handleDrop)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),this.removeEventListener("dragenter",this.handleDragEnter),this.removeEventListener("dragover",this.handleDragOver),this.removeEventListener("dragleave",this.handleDragLeave),this.removeEventListener("drop",this.handleDrop),this.objectUrls.forEach(e=>URL.revokeObjectURL(e)),this.objectUrls.clear(),super.disconnectedCallback?.()}firstFocusable(){return this.fieldEl??this.shadowRoot?.querySelector(".item")??void 0}updated(e){if(super.updated(e),e.has("value")){let t=new Set(this.value??[]);if(this.objectUrls.forEach((i,o)=>{t.has(o)||(URL.revokeObjectURL(i),this.objectUrls.delete(o))}),this.selected.size){let i=new Set(Array.from(this.selected).filter(o=>t.has(o)));i.size!==this.selected.size&&(this.selected=i)}}}getFocusAnchor(){return this.firstFocusable()}focus(){super.focus?.(),this.firstFocusable()?.focus()}get effectiveAccept(){return this.accept?this.accept:this.kind==="image"?"image/*":void 0}getObjectUrl(e){let t=this.objectUrls.get(e);return t||(t=URL.createObjectURL(e),this.objectUrls.set(e,t)),t}matchesAccept(e,t){let i=t.split(",").map(n=>n.trim().toLowerCase()).filter(Boolean);if(!i.length)return!0;let o=e.name.toLowerCase(),a=e.type.toLowerCase();return i.some(n=>n.startsWith(".")?o.endsWith(n):n.endsWith("/*")?a.startsWith(n.slice(0,-1)):a===n)}processFiles(e){if(this.disabled||this.readonly)return;let t=this.multiple?Array.from(e):Array.from(e).slice(0,1),i=[],o=this.effectiveAccept,a=[];t.forEach(c=>{if(o&&!this.matchesAccept(c,o)){i.push({file:c,reason:"type"});return}if(this.maxSize!=null&&c.size>this.maxSize){i.push({file:c,reason:"size"});return}a.push(c)});let n=this.value??[],f;if(this.multiple){if(this.maxFiles!=null){let c=Math.max(this.maxFiles-n.length,0);a.length>c&&(i.push(...a.slice(c).map(S=>({file:S,reason:"max-files"}))),a=a.slice(0,c))}f=[...n,...a]}else f=a;a.length&&(this.value=f,this.dispatchEvent(new u(this.value))),i.length&&this.dispatchEvent(new v(i))}carriesFiles(e){return!!e.dataTransfer?.types.includes("Files")}removeFile(e){let t=this.value??[],i=t.indexOf(e);if(i===-1)return;let o=t.filter(a=>a!==e);this.value=o,this.dispatchEvent(new u(this.value)),this.updateComplete.then(()=>{if(!o.length){this.firstFocusable()?.focus();return}let a=Array.from(this.shadowRoot?.querySelectorAll(".item")??[]);a[Math.min(i,a.length-1)]?.focus()})}removeAll(){this.selected=new Set,this.value=[],this.dispatchEvent(new u(this.value)),this.updateComplete.then(()=>this.firstFocusable()?.focus())}deleteSelected(){let t=(this.value??[]).filter(i=>!this.selected.has(i));this.selected=new Set,this.value=t,this.dispatchEvent(new u(this.value)),this.updateComplete.then(()=>this.firstFocusable()?.focus())}toggleSelected(e,t){let i=new Set(this.selected);t?i.add(e):i.delete(e),this.selected=i}toggleSelectAll(e){this.selected=e?new Set(this.value??[]):new Set}openFile(e){window.open(this.getObjectUrl(e),"_blank","noopener")}handleItemKeydown(e,t){if(!this.disabled){if(e.key==="Enter"||e.key===" "){e.preventDefault(),this.openFile(t);return}(e.key==="Delete"||e.key==="Backspace")&&(e.preventDefault(),this.removeFile(t))}}getFileIcon(e){return e.type==="application/pdf"?"picture_as_pdf":e.type.startsWith("image/")?"image":"insert_drive_file"}formatBytes(e){if(e<1024)return`${e} B`;let t=["KB","MB","GB","TB"],i=e/1024,o=0;for(;i>=1024&&o<t.length-1;)i/=1024,o+=1;let a=o===0||i>=10?0:1;return`${i.toFixed(a)} ${t[o]}`}renderDropzone(e,t){return d`
+`,D=R;var j="eun-input-file",B=z(E(w)),T=$(M(C(_(B)))),r=class extends T{constructor(){super(...arguments);this.errorOnChange=!0;this.kind="image";this.multiple=!1;this.selectable=!1;this.dropLabel="Drag and drop files here, or";this.browseLabel="browse files";this.removeAllLabel="Remove all";this.selectAllLabel="Select all";this.deleteSelectedLabel="Delete selected";this.dragging=!1;this.selected=new Set;this.dragCounter=0;this.objectUrls=new Map;this.handleHostFocus=()=>{this.firstFocusable()?.focus()};this.handleNativeChange=e=>{let t=e.target;t.files?.length&&this.processFiles(t.files),t.value=""};this.handleDragEnter=e=>{this.disabled||this.readonly||!this.carriesFiles(e)||(e.preventDefault(),this.dragCounter+=1,this.dragging=!0)};this.handleDragOver=e=>{this.disabled||this.readonly||!this.carriesFiles(e)||e.preventDefault()};this.handleDragLeave=e=>{this.disabled||this.readonly||!this.carriesFiles(e)||(this.dragCounter=Math.max(this.dragCounter-1,0),this.dragCounter===0&&(this.dragging=!1))};this.handleDrop=e=>{if(e.preventDefault(),this.dragCounter=0,this.dragging=!1,this.disabled||this.readonly)return;let t=e.dataTransfer?.files;t?.length&&this.processFiles(t)}}connectedCallback(){super.connectedCallback?.(),this.addEventListener("focus",this.handleHostFocus),this.addEventListener("dragenter",this.handleDragEnter),this.addEventListener("dragover",this.handleDragOver),this.addEventListener("dragleave",this.handleDragLeave),this.addEventListener("drop",this.handleDrop)}disconnectedCallback(){this.removeEventListener("focus",this.handleHostFocus),this.removeEventListener("dragenter",this.handleDragEnter),this.removeEventListener("dragover",this.handleDragOver),this.removeEventListener("dragleave",this.handleDragLeave),this.removeEventListener("drop",this.handleDrop),this.objectUrls.forEach(e=>URL.revokeObjectURL(e)),this.objectUrls.clear(),super.disconnectedCallback?.()}firstFocusable(){return this.fieldEl??this.shadowRoot?.querySelector(".item")??void 0}updated(e){if(super.updated(e),e.has("value")){let t=new Set(this.value??[]);if(this.objectUrls.forEach((i,a)=>{t.has(a)||(URL.revokeObjectURL(i),this.objectUrls.delete(a))}),this.selected.size){let i=new Set(Array.from(this.selected).filter(a=>t.has(a)));i.size!==this.selected.size&&(this.selected=i)}}}get hostTabStop(){return!1}getFocusAnchor(){return this.firstFocusable()}focus(){super.focus?.(),this.firstFocusable()?.focus()}get effectiveAccept(){return this.accept?this.accept:this.kind==="image"?"image/*":void 0}getObjectUrl(e){let t=this.objectUrls.get(e);return t||(t=URL.createObjectURL(e),this.objectUrls.set(e,t)),t}matchesAccept(e,t){let i=t.split(",").map(l=>l.trim().toLowerCase()).filter(Boolean);if(!i.length)return!0;let a=e.name.toLowerCase(),o=e.type.toLowerCase();return i.some(l=>l.startsWith(".")?a.endsWith(l):l.endsWith("/*")?o.startsWith(l.slice(0,-1)):o===l)}processFiles(e){if(this.disabled||this.readonly)return;let t=this.multiple?Array.from(e):Array.from(e).slice(0,1),i=[],a=this.effectiveAccept,o=[];t.forEach(c=>{if(a&&!this.matchesAccept(c,a)){i.push({file:c,reason:"type"});return}if(this.maxSize!=null&&c.size>this.maxSize){i.push({file:c,reason:"size"});return}o.push(c)});let l=this.value??[],f;if(this.multiple){if(this.maxFiles!=null){let c=Math.max(this.maxFiles-l.length,0);o.length>c&&(i.push(...o.slice(c).map(S=>({file:S,reason:"max-files"}))),o=o.slice(0,c))}f=[...l,...o]}else f=o;o.length&&(this.value=f,this.dispatchEvent(new u(this.value))),i.length&&this.dispatchEvent(new v(i))}carriesFiles(e){return!!e.dataTransfer?.types.includes("Files")}removeFile(e){let t=this.value??[],i=t.indexOf(e);if(i===-1)return;let a=t.filter(o=>o!==e);this.value=a,this.dispatchEvent(new u(this.value)),this.updateComplete.then(()=>{if(!a.length){this.firstFocusable()?.focus();return}let o=Array.from(this.shadowRoot?.querySelectorAll(".item")??[]);o[Math.min(i,o.length-1)]?.focus()})}removeAll(){this.selected=new Set,this.value=[],this.dispatchEvent(new u(this.value)),this.updateComplete.then(()=>this.firstFocusable()?.focus())}deleteSelected(){let t=(this.value??[]).filter(i=>!this.selected.has(i));this.selected=new Set,this.value=t,this.dispatchEvent(new u(this.value)),this.updateComplete.then(()=>this.firstFocusable()?.focus())}toggleSelected(e,t){let i=new Set(this.selected);t?i.add(e):i.delete(e),this.selected=i}toggleSelectAll(e){this.selected=e?new Set(this.value??[]):new Set}openFile(e){window.open(this.getObjectUrl(e),"_blank","noopener")}handleItemKeydown(e,t){if(!this.disabled){if(e.key==="Enter"||e.key===" "){e.preventDefault(),this.openFile(t);return}(e.key==="Delete"||e.key==="Backspace")&&(e.preventDefault(),this.removeFile(t))}}getFileIcon(e){return e.type==="application/pdf"?"picture_as_pdf":e.type.startsWith("image/")?"image":"insert_drive_file"}formatBytes(e){if(e<1024)return`${e} B`;let t=["KB","MB","GB","TB"],i=e/1024,a=0;for(;i>=1024&&a<t.length-1;)i/=1024,a+=1;let o=a===0||i>=10?0:1;return`${i.toFixed(o)} ${t[a]}`}renderDropzone(e,t){return d`
       <label
         id="dropzone"
         aria-disabled=${e?"true":"false"}
@@ -290,7 +291,7 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
           ?multiple=${this.multiple}
           ?disabled=${e}
           aria-label=${m(this.label)}
-          aria-invalid=${!this.hideError&&!this.disabled&&!this.valid}
+          aria-invalid=${this.showError}
           aria-describedby=${t?"description":b}
           @change=${this.handleNativeChange}
         />
@@ -300,7 +301,7 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
         class="item"
         role="button"
         tabindex=${this.disabled?"-1":"0"}
-        aria-label="${e.name} — ${this.ariaLabelOpen}"
+        aria-label="${e.name} — ${this.openLabel??this.dictionary.inputFile.open}"
         @click=${()=>!this.disabled&&this.openFile(e)}
         @keydown=${i=>this.handleItemKeydown(i,e)}
       >
@@ -308,7 +309,7 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
             <input
               type="checkbox"
               class="item-checkbox"
-              aria-label="${this.ariaLabelSelect} ${e.name}"
+              aria-label="${this.selectLabel??this.dictionary.inputFile.select} ${e.name}"
               .checked=${t}
               ?disabled=${this.disabled||this.readonly}
               @click=${i=>i.stopPropagation()}
@@ -329,18 +330,18 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
         <button
           type="button"
           class="item-remove"
-          aria-label="${this.ariaLabelRemove} ${e.name}"
+          aria-label="${this.removeLabel??this.dictionary.inputFile.remove} ${e.name}"
           ?disabled=${this.disabled||this.readonly}
           @click=${i=>{i.stopPropagation(),this.removeFile(e)}}
         >
           <eun-icon name="close" size="14"></eun-icon>
         </button>
       </div>
-    `}render(){let e=this.renderDescription(),t=this.value??[],i=this.multiple||t.length===0,o=this.multiple&&this.maxFiles!=null&&t.length>=this.maxFiles,a=t.length>0&&this.selected.size===t.length;return d`
+    `}render(){let e=this.renderDescription(),t=this.value??[],i=this.multiple||t.length===0,a=this.multiple&&this.maxFiles!=null&&t.length>=this.maxFiles,o=t.length>0&&this.selected.size===t.length;return d`
       <div id="wrapper">
         ${this.renderFormLabels("field")}
         <div id="content">
-          ${p(i,()=>this.renderDropzone(this.disabled||o,e!==b))}
+          ${p(i,()=>this.renderDropzone(this.disabled||a,e!==b))}
           ${p(t.length>0,()=>d`
               <div id="header">
                 <span aria-live="polite"
@@ -351,10 +352,10 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
                       <label id="select-all">
                         <input
                           type="checkbox"
-                          .checked=${a}
-                          .indeterminate=${this.selected.size>0&&!a}
+                          .checked=${o}
+                          .indeterminate=${this.selected.size>0&&!o}
                           ?disabled=${this.disabled||this.readonly}
-                          @change=${n=>this.toggleSelectAll(n.target.checked)}
+                          @change=${l=>this.toggleSelectAll(l.target.checked)}
                         />
                         ${this.selectAllLabel}
                       </label>
@@ -380,10 +381,10 @@ import{a as E}from"./chunks/chunk-GW3VP2L7.js";import{a as z,b as p,c as _,d as
                 </div>
               </div>
               <div id="items">
-                ${t.map(n=>this.renderItem(n))}
+                ${t.map(l=>this.renderItem(l))}
               </div>
             `)}
         </div>
         ${e}
       </div>
-    `}};r.styles=[R,h.base,h.errorMessages,h.hintMessages],s([l({reflect:!0})],r.prototype,"kind",2),s([l()],r.prototype,"accept",2),s([l({type:Boolean,reflect:!0})],r.prototype,"multiple",2),s([l({type:Number,attribute:"max-size"})],r.prototype,"maxSize",2),s([l({type:Number,attribute:"max-files"})],r.prototype,"maxFiles",2),s([l({type:Boolean,reflect:!0})],r.prototype,"selectable",2),s([l({attribute:"drop-label"})],r.prototype,"dropLabel",2),s([l({attribute:"browse-label"})],r.prototype,"browseLabel",2),s([l({attribute:"aria-label-remove"})],r.prototype,"ariaLabelRemove",2),s([l({attribute:"aria-label-select"})],r.prototype,"ariaLabelSelect",2),s([l({attribute:"remove-all-label"})],r.prototype,"removeAllLabel",2),s([l({attribute:"select-all-label"})],r.prototype,"selectAllLabel",2),s([l({attribute:"delete-selected-label"})],r.prototype,"deleteSelectedLabel",2),s([l({attribute:"aria-label-open"})],r.prototype,"ariaLabelOpen",2),s([l({type:Boolean,reflect:!0})],r.prototype,"dragging",2),s([w()],r.prototype,"selected",2),s([F("#field")],r.prototype,"fieldEl",2),r=s([y(D)],r);export{r as EunomiaInputFile,D as EunomiaInputFileTagName};
+    `}};r.styles=[D,h.base,h.errorMessages,h.hintMessages],n([s({reflect:!0,useDefault:!0})],r.prototype,"kind",2),n([s()],r.prototype,"accept",2),n([s({type:Boolean,reflect:!0})],r.prototype,"multiple",2),n([s({type:Number,attribute:"max-size"})],r.prototype,"maxSize",2),n([s({type:Number,attribute:"max-files"})],r.prototype,"maxFiles",2),n([s({type:Boolean,reflect:!0})],r.prototype,"selectable",2),n([s({attribute:"drop-label"})],r.prototype,"dropLabel",2),n([s({attribute:"browse-label"})],r.prototype,"browseLabel",2),n([s({attribute:"remove-label"})],r.prototype,"removeLabel",2),n([s({attribute:"select-label"})],r.prototype,"selectLabel",2),n([s({attribute:"remove-all-label"})],r.prototype,"removeAllLabel",2),n([s({attribute:"select-all-label"})],r.prototype,"selectAllLabel",2),n([s({attribute:"delete-selected-label"})],r.prototype,"deleteSelectedLabel",2),n([s({attribute:"open-label"})],r.prototype,"openLabel",2),n([s({type:Boolean,reflect:!0})],r.prototype,"dragging",2),n([F()],r.prototype,"selected",2),n([L("#field")],r.prototype,"fieldEl",2),r=n([y(j)],r);export{r as EunomiaInputFile,j as EunomiaInputFileTagName};

package/dist/cdn/components/eun-input-phone.js

@@ -1,4 +1,4 @@
-import{a as H,b as K}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunks/chunk-LK5BJ4SH.js";import{a as k}from"./chunks/chunk-L65WUTXM.js";import{a as f}from"./chunks/chunk-LYYQAALT.js";import{a as I}from"./chunks/chunk-LFCXUVDO.js";import{a as F}from"./chunks/chunk-GW3VP2L7.js";import{a as $,c as O,d as G,e as L}from"./chunks/chunk-OAULRKHQ.js";import{a as x}from"./chunks/chunk-YYCEPZUN.js";import{a as R}from"./chunks/chunk-32DTNR52.js";import{a as N}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-5EVP7YNE.js";import{a as l,f as T,g as S,h as r,i as c,j as p,n as s,p as h,s as E}from"./chunks/chunk-XH6NREVZ.js";var Y=S`
+import{a as U,b as W}from"./chunks/chunk-LVKMAHMU.js";import{a as K}from"./chunks/chunk-LK5BJ4SH.js";import{a as P}from"./chunks/chunk-UYZR4JXZ.js";import{b as _,c as x}from"./chunks/chunk-624VJYNA.js";import{a as f}from"./chunks/chunk-LYYQAALT.js";import{a as V,b as Y}from"./chunks/chunk-WW4BTWMH.js";import{a as H}from"./chunks/chunk-GVS6IUKC.js";import{a as F}from"./chunks/chunk-BO3JOEWM.js";import{c as G,d as k,e as B,f as L}from"./chunks/chunk-TLBXTBMM.js";import{a as m}from"./chunks/chunk-YYCEPZUN.js";import{a as O}from"./chunks/chunk-3BMACIDO.js";import{a as R}from"./chunks/chunk-PPCHQG7P.js";import{a as $}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as I}from"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import{a,f as S,h as E,j as r,k as c,l as p,p as s,r as h,u as N}from"./chunks/chunk-YITWLCD3.js";var j=E`
   :host {
     display: block;
     width: 100%;
@@ -25,8 +25,8 @@ import{a as H,b as K}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunk
     color: var(--_iconColor);
     cursor: pointer;
     transition:
-      border-color 0.15s ease,
-      outline-color 0.15s ease;
+      border-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease),
+      outline-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease);
   }
   :host(:not([aria-readonly="true"])) #country-trigger:focus-visible {
     z-index: 1;
@@ -56,8 +56,8 @@ import{a as H,b as K}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunk
     outline: 1px solid transparent;
     box-sizing: border-box;
     transition:
-      border-color 0.15s ease,
-      outline-color 0.15s ease;
+      border-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease),
+      outline-color var(--eun-duration-s, 150ms) var(--eun-easing-default, ease);
   }
   :host([hide-country-selector]) #field-wrapper {
     margin-inline-start: 0;
@@ -192,7 +192,7 @@ import{a as H,b as K}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunk
   .country-dial-code {
     color: var(--_placeholderColor);
   }
-`,W=[k,H,...f?[]:[K],Y];var u=[{iso:"AD",dialCode:"376",nationalLength:6},{iso:"AE",dialCode:"971",nationalLength:9},{iso:"AF",dialCode:"93",nationalLength:9},{iso:"AG",dialCode:"1268",nationalLength:7},{iso:"AI",dialCode:"1264",nationalLength:7},{iso:"AL",dialCode:"355",nationalLength:9},{iso:"AM",dialCode:"374",nationalLength:8},{iso:"AO",dialCode:"244",nationalLength:9},{iso:"AR",dialCode:"54",nationalLength:10},{iso:"AS",dialCode:"1684",nationalLength:7},{iso:"AT",dialCode:"43",nationalLength:11},{iso:"AU",dialCode:"61",nationalLength:9},{iso:"AW",dialCode:"297",nationalLength:7},{iso:"AZ",dialCode:"994",nationalLength:9},{iso:"BA",dialCode:"387",nationalLength:8},{iso:"BB",dialCode:"1246",nationalLength:7},{iso:"BD",dialCode:"880",nationalLength:10},{iso:"BE",dialCode:"32",nationalLength:9},{iso:"BF",dialCode:"226",nationalLength:8},{iso:"BG",dialCode:"359",nationalLength:9},{iso:"BH",dialCode:"973",nationalLength:8},{iso:"BI",dialCode:"257",nationalLength:8},{iso:"BJ",dialCode:"229",nationalLength:8},{iso:"BN",dialCode:"673",nationalLength:7},{iso:"BO",dialCode:"591",nationalLength:8},{iso:"BR",dialCode:"55",nationalLength:11},{iso:"BS",dialCode:"1242",nationalLength:7},{iso:"BT",dialCode:"975",nationalLength:8},{iso:"BW",dialCode:"267",nationalLength:8},{iso:"BY",dialCode:"375",nationalLength:9},{iso:"BZ",dialCode:"501",nationalLength:7},{iso:"CA",dialCode:"1",nationalLength:10},{iso:"CD",dialCode:"243",nationalLength:9},{iso:"CF",dialCode:"236",nationalLength:8},{iso:"CG",dialCode:"242",nationalLength:9},{iso:"CH",dialCode:"41",nationalLength:9},{iso:"CI",dialCode:"225",nationalLength:10},{iso:"CK",dialCode:"682",nationalLength:5},{iso:"CL",dialCode:"56",nationalLength:9},{iso:"CM",dialCode:"237",nationalLength:9},{iso:"CN",dialCode:"86",nationalLength:11},{iso:"CO",dialCode:"57",nationalLength:10},{iso:"CR",dialCode:"506",nationalLength:8},{iso:"CU",dialCode:"53",nationalLength:8},{iso:"CV",dialCode:"238",nationalLength:7},{iso:"CY",dialCode:"357",nationalLength:8},{iso:"CZ",dialCode:"420",nationalLength:9},{iso:"DE",dialCode:"49",nationalLength:11},{iso:"DJ",dialCode:"253",nationalLength:8},{iso:"DK",dialCode:"45",nationalLength:8},{iso:"DM",dialCode:"1767",nationalLength:7},{iso:"DO",dialCode:"1809",nationalLength:7},{iso:"DZ",dialCode:"213",nationalLength:9},{iso:"EC",dialCode:"593",nationalLength:9},{iso:"EE",dialCode:"372",nationalLength:8},{iso:"EG",dialCode:"20",nationalLength:10},{iso:"ER",dialCode:"291",nationalLength:7},{iso:"ES",dialCode:"34",nationalLength:9},{iso:"ET",dialCode:"251",nationalLength:9},{iso:"FI",dialCode:"358",nationalLength:10},{iso:"FJ",dialCode:"679",nationalLength:7},{iso:"FM",dialCode:"691",nationalLength:7},{iso:"FO",dialCode:"298",nationalLength:6},{iso:"FR",dialCode:"33",nationalLength:9},{iso:"GA",dialCode:"241",nationalLength:8},{iso:"GB",dialCode:"44",nationalLength:10},{iso:"GD",dialCode:"1473",nationalLength:7},{iso:"GE",dialCode:"995",nationalLength:9},{iso:"GF",dialCode:"594",nationalLength:9},{iso:"GH",dialCode:"233",nationalLength:9},{iso:"GI",dialCode:"350",nationalLength:8},{iso:"GL",dialCode:"299",nationalLength:6},{iso:"GM",dialCode:"220",nationalLength:7},{iso:"GN",dialCode:"224",nationalLength:9},{iso:"GP",dialCode:"590",nationalLength:9},{iso:"GQ",dialCode:"240",nationalLength:9},{iso:"GR",dialCode:"30",nationalLength:10},{iso:"GT",dialCode:"502",nationalLength:8},{iso:"GU",dialCode:"1671",nationalLength:7},{iso:"GW",dialCode:"245",nationalLength:7},{iso:"GY",dialCode:"592",nationalLength:7},{iso:"HK",dialCode:"852",nationalLength:8},{iso:"HN",dialCode:"504",nationalLength:8},{iso:"HR",dialCode:"385",nationalLength:9},{iso:"HT",dialCode:"509",nationalLength:8},{iso:"HU",dialCode:"36",nationalLength:9},{iso:"ID",dialCode:"62",nationalLength:11},{iso:"IE",dialCode:"353",nationalLength:9},{iso:"IL",dialCode:"972",nationalLength:9},{iso:"IN",dialCode:"91",nationalLength:10},{iso:"IQ",dialCode:"964",nationalLength:10},{iso:"IR",dialCode:"98",nationalLength:10},{iso:"IS",dialCode:"354",nationalLength:7},{iso:"IT",dialCode:"39",nationalLength:10},{iso:"JM",dialCode:"1876",nationalLength:7},{iso:"JO",dialCode:"962",nationalLength:9},{iso:"JP",dialCode:"81",nationalLength:10},{iso:"KE",dialCode:"254",nationalLength:9},{iso:"KG",dialCode:"996",nationalLength:9},{iso:"KH",dialCode:"855",nationalLength:9},{iso:"KI",dialCode:"686",nationalLength:5},{iso:"KM",dialCode:"269",nationalLength:7},{iso:"KN",dialCode:"1869",nationalLength:7},{iso:"KP",dialCode:"850",nationalLength:10},{iso:"KR",dialCode:"82",nationalLength:10},{iso:"KW",dialCode:"965",nationalLength:8},{iso:"KY",dialCode:"1345",nationalLength:7},{iso:"KZ",dialCode:"7",nationalLength:10},{iso:"LA",dialCode:"856",nationalLength:9},{iso:"LB",dialCode:"961",nationalLength:8},{iso:"LC",dialCode:"1758",nationalLength:7},{iso:"LI",dialCode:"423",nationalLength:7},{iso:"LK",dialCode:"94",nationalLength:9},{iso:"LR",dialCode:"231",nationalLength:8},{iso:"LS",dialCode:"266",nationalLength:8},{iso:"LT",dialCode:"370",nationalLength:8},{iso:"LU",dialCode:"352",nationalLength:9},{iso:"LV",dialCode:"371",nationalLength:8},{iso:"LY",dialCode:"218",nationalLength:9},{iso:"MA",dialCode:"212",nationalLength:9},{iso:"MC",dialCode:"377",nationalLength:8},{iso:"MD",dialCode:"373",nationalLength:8},{iso:"ME",dialCode:"382",nationalLength:8},{iso:"MG",dialCode:"261",nationalLength:9},{iso:"MH",dialCode:"692",nationalLength:7},{iso:"MK",dialCode:"389",nationalLength:8},{iso:"ML",dialCode:"223",nationalLength:8},{iso:"MM",dialCode:"95",nationalLength:9},{iso:"MN",dialCode:"976",nationalLength:8},{iso:"MO",dialCode:"853",nationalLength:8},{iso:"MQ",dialCode:"596",nationalLength:9},{iso:"MR",dialCode:"222",nationalLength:8},{iso:"MT",dialCode:"356",nationalLength:8},{iso:"MU",dialCode:"230",nationalLength:8},{iso:"MV",dialCode:"960",nationalLength:7},{iso:"MW",dialCode:"265",nationalLength:9},{iso:"MX",dialCode:"52",nationalLength:10},{iso:"MY",dialCode:"60",nationalLength:9},{iso:"MZ",dialCode:"258",nationalLength:9},{iso:"NA",dialCode:"264",nationalLength:9},{iso:"NC",dialCode:"687",nationalLength:6},{iso:"NE",dialCode:"227",nationalLength:8},{iso:"NG",dialCode:"234",nationalLength:10},{iso:"NI",dialCode:"505",nationalLength:8},{iso:"NL",dialCode:"31",nationalLength:9},{iso:"NO",dialCode:"47",nationalLength:8},{iso:"NP",dialCode:"977",nationalLength:10},{iso:"NR",dialCode:"674",nationalLength:7},{iso:"NU",dialCode:"683",nationalLength:4},{iso:"NZ",dialCode:"64",nationalLength:9},{iso:"OM",dialCode:"968",nationalLength:8},{iso:"PA",dialCode:"507",nationalLength:8},{iso:"PE",dialCode:"51",nationalLength:9},{iso:"PF",dialCode:"689",nationalLength:6},{iso:"PG",dialCode:"675",nationalLength:8},{iso:"PH",dialCode:"63",nationalLength:10},{iso:"PK",dialCode:"92",nationalLength:10},{iso:"PL",dialCode:"48",nationalLength:9},{iso:"PM",dialCode:"508",nationalLength:6},{iso:"PR",dialCode:"1787",nationalLength:7},{iso:"PS",dialCode:"970",nationalLength:9},{iso:"PT",dialCode:"351",nationalLength:9},{iso:"PW",dialCode:"680",nationalLength:7},{iso:"PY",dialCode:"595",nationalLength:9},{iso:"QA",dialCode:"974",nationalLength:8},{iso:"RE",dialCode:"262",nationalLength:9},{iso:"RO",dialCode:"40",nationalLength:9},{iso:"RS",dialCode:"381",nationalLength:9},{iso:"RU",dialCode:"7",nationalLength:10},{iso:"RW",dialCode:"250",nationalLength:9},{iso:"SA",dialCode:"966",nationalLength:9},{iso:"SB",dialCode:"677",nationalLength:7},{iso:"SC",dialCode:"248",nationalLength:7},{iso:"SD",dialCode:"249",nationalLength:9},{iso:"SE",dialCode:"46",nationalLength:9},{iso:"SG",dialCode:"65",nationalLength:8},{iso:"SI",dialCode:"386",nationalLength:8},{iso:"SK",dialCode:"421",nationalLength:9},{iso:"SL",dialCode:"232",nationalLength:8},{iso:"SM",dialCode:"378",nationalLength:10},{iso:"SN",dialCode:"221",nationalLength:9},{iso:"SO",dialCode:"252",nationalLength:8},{iso:"SR",dialCode:"597",nationalLength:7},{iso:"SS",dialCode:"211",nationalLength:9},{iso:"ST",dialCode:"239",nationalLength:7},{iso:"SV",dialCode:"503",nationalLength:8},{iso:"SY",dialCode:"963",nationalLength:9},{iso:"SZ",dialCode:"268",nationalLength:8},{iso:"TC",dialCode:"1649",nationalLength:7},{iso:"TD",dialCode:"235",nationalLength:8},{iso:"TG",dialCode:"228",nationalLength:8},{iso:"TH",dialCode:"66",nationalLength:9},{iso:"TJ",dialCode:"992",nationalLength:9},{iso:"TL",dialCode:"670",nationalLength:8},{iso:"TM",dialCode:"993",nationalLength:8},{iso:"TN",dialCode:"216",nationalLength:8},{iso:"TO",dialCode:"676",nationalLength:7},{iso:"TR",dialCode:"90",nationalLength:10},{iso:"TT",dialCode:"1868",nationalLength:7},{iso:"TV",dialCode:"688",nationalLength:6},{iso:"TW",dialCode:"886",nationalLength:9},{iso:"TZ",dialCode:"255",nationalLength:9},{iso:"UA",dialCode:"380",nationalLength:9},{iso:"UG",dialCode:"256",nationalLength:9},{iso:"US",dialCode:"1",nationalLength:10},{iso:"UY",dialCode:"598",nationalLength:8},{iso:"UZ",dialCode:"998",nationalLength:9},{iso:"VA",dialCode:"379",nationalLength:10},{iso:"VC",dialCode:"1784",nationalLength:7},{iso:"VE",dialCode:"58",nationalLength:10},{iso:"VG",dialCode:"1284",nationalLength:7},{iso:"VI",dialCode:"1340",nationalLength:7},{iso:"VN",dialCode:"84",nationalLength:10},{iso:"VU",dialCode:"678",nationalLength:7},{iso:"WF",dialCode:"681",nationalLength:6},{iso:"WS",dialCode:"685",nationalLength:7},{iso:"YE",dialCode:"967",nationalLength:9},{iso:"YT",dialCode:"262",nationalLength:9},{iso:"ZA",dialCode:"27",nationalLength:9},{iso:"ZM",dialCode:"260",nationalLength:9},{iso:"ZW",dialCode:"263",nationalLength:9}];function C(n){return u.find(a=>a.iso===n)?.dialCode}function m(n){return u.find(a=>a.iso===n)?.nationalLength}function w(n){if(!n||n.length!==2)return"";let a=[...n.toUpperCase()].map(i=>127462+(i.charCodeAt(0)-65));return String.fromCodePoint(...a)}var U=new Map;function D(n,a="en"){try{let i=U.get(a);return i||(i=new Intl.DisplayNames([a],{type:"region"}),U.set(a,i)),i.of(n)??n}catch{return n}}function b(n){return n.replace(/^0/,"")}function v(n){if(!n)return"";let a=[],i=0;for(n.length%2===1&&(a.push(n.slice(0,1)),i=1);i<n.length;i+=2)a.push(n.slice(i,i+2));return a.join(" ")}function y(n,a){let i=C(n);return!i||!a?"":`+${i}${a}`}function _(n,a){let i=a.replace(/\D/g,""),e=C(n);return e&&i.startsWith(e)?i.slice(e.length):i}var Z="eun-input-phone",z="\u{1F310}",Q="123456789",J=100,q=R(G(E)),j=B(I(F($(O(q))))),o=class extends j{constructor(){super(...arguments);this.hideCountrySelector=!1;this.hideDialCode=!1;this.countrySearchPlaceholder="Search a country\u2026";this.noResultsLabel="No results";this.ariaLabelCountrySelector="Select a country";this.nationalDigits="";this.countryQuery="";this.isOpen=!1;this.highlightedIndex=-1;this.handleWindowBlur=()=>{this.isOpen&&this.closeListbox()};this.handleFocusOut=()=>{this.isOpen&&requestAnimationFrame(()=>{this.matches(":focus-within")||this.closeListbox()})};this.handleTriggerPointerDown=()=>{this.triggerPointerDownAt=performance.now()};this.handlePopoverToggle=i=>{if(i.newState==="open"){this.isOpen=!0,this.phoneGroupEl&&this.listboxEl&&this.anchorFloatingElement(this.phoneGroupEl,this.listboxEl,{forceFallback:f}),this.observeAnchorVisibility(this.phoneGroupEl,()=>this.closeListbox());return}if(this.triggerPointerDownAt!==void 0&&performance.now()-this.triggerPointerDownAt<J){this.triggerPointerDownAt=void 0,this.openListbox();return}this.isOpen=!1,this.countryQuery="",this.highlightedIndex=-1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility()}}connectedCallback(){super.connectedCallback?.(),!this.country&&this.defaultCountry&&(this.country=this.defaultCountry),window.addEventListener("blur",this.handleWindowBlur)}disconnectedCallback(){window.removeEventListener("blur",this.handleWindowBlur),super.disconnectedCallback?.()}get availableCountries(){let i=Array.from(this.querySelectorAll(":scope > option"));return i.length?i.map(e=>e.value.toUpperCase()).map(e=>u.find(t=>t.iso===e)).filter(e=>!!e):u}get filteredCountries(){let i=this.availableCountries,e=this.countryQuery.trim().toLowerCase();return e?i.filter(({iso:t,dialCode:d})=>D(t,this.locale).toLowerCase().includes(e)||d.includes(e)):i}updated(i){super.updated(i),i.has("value")&&y(this.country,b(this.nationalDigits))!==this.value&&(this.nationalDigits=this.value?_(this.country,this.value):""),i.has("highlightedIndex")&&this.listboxEl?.querySelector(`#listbox-option-${this.highlightedIndex}`)?.scrollIntoView({block:"nearest"})}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}openListbox(){if(this.disabled||this.readonly){this.triggerPointerDownAt=void 0;return}let i=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,i?.matches(":popover-open")||i?.showPopover(),i&&this.playListboxOpenAnimation(i),this.countrySearchEl?.focus()}static listboxAnimationDuration(i){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return 0;let e=getComputedStyle(i).getPropertyValue("--field-listbox-transition-duration").trim();if(e){let t=e.endsWith("ms")?Number.parseFloat(e):Number.parseFloat(e)*1e3;if(Number.isFinite(t)&&t>=0)return t}return 200}playListboxOpenAnimation(i){i.style.removeProperty("pointer-events");let e=o.listboxAnimationDuration(i);e!==0&&(this.listboxAnimation=i.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:e,easing:"ease",fill:"forwards"}))}closeListbox(){let i=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,i?.matches(":popover-open")&&this.playListboxCloseAnimation(i)}playListboxCloseAnimation(i){i.style.pointerEvents="none";let e=o.listboxAnimationDuration(i);if(e===0){i.hidePopover();return}let t=i.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:e,easing:"ease",fill:"forwards"});this.listboxAnimation=t,t.finished.then(()=>{this.listboxAnimation===t&&(this.listboxAnimation=void 0),i.hidePopover()}).catch(()=>{})}handleTriggerClick(){this.isOpen||this.openListbox()}handlePhoneInput(i){let e=i.target,t=e.value.replace(/\D/g,""),d=t.startsWith("0"),g=b(t),V=C(this.country)?.length??0,P=m(this.country)??Math.max(0,15-V),M=g.slice(0,P);this.nationalDigits=(d?"0":"")+M;let A=v(this.nationalDigits);e.value!==A&&(e.value=A),this.value=y(this.country,M),this.dispatchEvent(new x(this.value))}handleCountrySearchInput(i){this.countryQuery=i.target.value,this.highlightedIndex=-1}handleCountrySelect(i){this.country=i;let e=this.nationalDigits.startsWith("0"),t=b(this.nationalDigits),d=m(i)??t.length,g=t.slice(0,d);this.nationalDigits=(e?"0":"")+g,this.value=y(this.country,g),this.dispatchEvent(new x(this.value)),this.closeListbox(),this.fieldEl?.focus()}handleCountryKeydown(i){switch(i.key){case"ArrowDown":{i.preventDefault(),this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredCountries.length-1);break}case"ArrowUp":{i.preventDefault(),this.highlightedIndex=Math.max(this.highlightedIndex-1,0);break}case"Enter":{i.preventDefault();let e=this.filteredCountries[this.highlightedIndex];e&&this.handleCountrySelect(e.iso);break}default:break}}get effectivePlaceholder(){return this.placeholder??`(0) ${v(Q)}`}renderDialCodePrefix(){let i=C(this.country);return this.hideDialCode||!i?h:s`<span class="dial-code-prefix" aria-hidden="true"
+`,Z=[P,U,...f?[]:[W],j];var u=[{iso:"AD",dialCode:"376",nationalLength:6},{iso:"AE",dialCode:"971",nationalLength:9},{iso:"AF",dialCode:"93",nationalLength:9},{iso:"AG",dialCode:"1268",nationalLength:7},{iso:"AI",dialCode:"1264",nationalLength:7},{iso:"AL",dialCode:"355",nationalLength:9},{iso:"AM",dialCode:"374",nationalLength:8},{iso:"AO",dialCode:"244",nationalLength:9},{iso:"AR",dialCode:"54",nationalLength:10},{iso:"AS",dialCode:"1684",nationalLength:7},{iso:"AT",dialCode:"43",nationalLength:11},{iso:"AU",dialCode:"61",nationalLength:9},{iso:"AW",dialCode:"297",nationalLength:7},{iso:"AZ",dialCode:"994",nationalLength:9},{iso:"BA",dialCode:"387",nationalLength:8},{iso:"BB",dialCode:"1246",nationalLength:7},{iso:"BD",dialCode:"880",nationalLength:10},{iso:"BE",dialCode:"32",nationalLength:9},{iso:"BF",dialCode:"226",nationalLength:8},{iso:"BG",dialCode:"359",nationalLength:9},{iso:"BH",dialCode:"973",nationalLength:8},{iso:"BI",dialCode:"257",nationalLength:8},{iso:"BJ",dialCode:"229",nationalLength:8},{iso:"BN",dialCode:"673",nationalLength:7},{iso:"BO",dialCode:"591",nationalLength:8},{iso:"BR",dialCode:"55",nationalLength:11},{iso:"BS",dialCode:"1242",nationalLength:7},{iso:"BT",dialCode:"975",nationalLength:8},{iso:"BW",dialCode:"267",nationalLength:8},{iso:"BY",dialCode:"375",nationalLength:9},{iso:"BZ",dialCode:"501",nationalLength:7},{iso:"CA",dialCode:"1",nationalLength:10},{iso:"CD",dialCode:"243",nationalLength:9},{iso:"CF",dialCode:"236",nationalLength:8},{iso:"CG",dialCode:"242",nationalLength:9},{iso:"CH",dialCode:"41",nationalLength:9},{iso:"CI",dialCode:"225",nationalLength:10},{iso:"CK",dialCode:"682",nationalLength:5},{iso:"CL",dialCode:"56",nationalLength:9},{iso:"CM",dialCode:"237",nationalLength:9},{iso:"CN",dialCode:"86",nationalLength:11},{iso:"CO",dialCode:"57",nationalLength:10},{iso:"CR",dialCode:"506",nationalLength:8},{iso:"CU",dialCode:"53",nationalLength:8},{iso:"CV",dialCode:"238",nationalLength:7},{iso:"CY",dialCode:"357",nationalLength:8},{iso:"CZ",dialCode:"420",nationalLength:9},{iso:"DE",dialCode:"49",nationalLength:11},{iso:"DJ",dialCode:"253",nationalLength:8},{iso:"DK",dialCode:"45",nationalLength:8},{iso:"DM",dialCode:"1767",nationalLength:7},{iso:"DO",dialCode:"1809",nationalLength:7},{iso:"DZ",dialCode:"213",nationalLength:9},{iso:"EC",dialCode:"593",nationalLength:9},{iso:"EE",dialCode:"372",nationalLength:8},{iso:"EG",dialCode:"20",nationalLength:10},{iso:"ER",dialCode:"291",nationalLength:7},{iso:"ES",dialCode:"34",nationalLength:9},{iso:"ET",dialCode:"251",nationalLength:9},{iso:"FI",dialCode:"358",nationalLength:10},{iso:"FJ",dialCode:"679",nationalLength:7},{iso:"FM",dialCode:"691",nationalLength:7},{iso:"FO",dialCode:"298",nationalLength:6},{iso:"FR",dialCode:"33",nationalLength:9},{iso:"GA",dialCode:"241",nationalLength:8},{iso:"GB",dialCode:"44",nationalLength:10},{iso:"GD",dialCode:"1473",nationalLength:7},{iso:"GE",dialCode:"995",nationalLength:9},{iso:"GF",dialCode:"594",nationalLength:9},{iso:"GH",dialCode:"233",nationalLength:9},{iso:"GI",dialCode:"350",nationalLength:8},{iso:"GL",dialCode:"299",nationalLength:6},{iso:"GM",dialCode:"220",nationalLength:7},{iso:"GN",dialCode:"224",nationalLength:9},{iso:"GP",dialCode:"590",nationalLength:9},{iso:"GQ",dialCode:"240",nationalLength:9},{iso:"GR",dialCode:"30",nationalLength:10},{iso:"GT",dialCode:"502",nationalLength:8},{iso:"GU",dialCode:"1671",nationalLength:7},{iso:"GW",dialCode:"245",nationalLength:7},{iso:"GY",dialCode:"592",nationalLength:7},{iso:"HK",dialCode:"852",nationalLength:8},{iso:"HN",dialCode:"504",nationalLength:8},{iso:"HR",dialCode:"385",nationalLength:9},{iso:"HT",dialCode:"509",nationalLength:8},{iso:"HU",dialCode:"36",nationalLength:9},{iso:"ID",dialCode:"62",nationalLength:11},{iso:"IE",dialCode:"353",nationalLength:9},{iso:"IL",dialCode:"972",nationalLength:9},{iso:"IN",dialCode:"91",nationalLength:10},{iso:"IQ",dialCode:"964",nationalLength:10},{iso:"IR",dialCode:"98",nationalLength:10},{iso:"IS",dialCode:"354",nationalLength:7},{iso:"IT",dialCode:"39",nationalLength:10},{iso:"JM",dialCode:"1876",nationalLength:7},{iso:"JO",dialCode:"962",nationalLength:9},{iso:"JP",dialCode:"81",nationalLength:10},{iso:"KE",dialCode:"254",nationalLength:9},{iso:"KG",dialCode:"996",nationalLength:9},{iso:"KH",dialCode:"855",nationalLength:9},{iso:"KI",dialCode:"686",nationalLength:5},{iso:"KM",dialCode:"269",nationalLength:7},{iso:"KN",dialCode:"1869",nationalLength:7},{iso:"KP",dialCode:"850",nationalLength:10},{iso:"KR",dialCode:"82",nationalLength:10},{iso:"KW",dialCode:"965",nationalLength:8},{iso:"KY",dialCode:"1345",nationalLength:7},{iso:"KZ",dialCode:"7",nationalLength:10},{iso:"LA",dialCode:"856",nationalLength:9},{iso:"LB",dialCode:"961",nationalLength:8},{iso:"LC",dialCode:"1758",nationalLength:7},{iso:"LI",dialCode:"423",nationalLength:7},{iso:"LK",dialCode:"94",nationalLength:9},{iso:"LR",dialCode:"231",nationalLength:8},{iso:"LS",dialCode:"266",nationalLength:8},{iso:"LT",dialCode:"370",nationalLength:8},{iso:"LU",dialCode:"352",nationalLength:9},{iso:"LV",dialCode:"371",nationalLength:8},{iso:"LY",dialCode:"218",nationalLength:9},{iso:"MA",dialCode:"212",nationalLength:9},{iso:"MC",dialCode:"377",nationalLength:8},{iso:"MD",dialCode:"373",nationalLength:8},{iso:"ME",dialCode:"382",nationalLength:8},{iso:"MG",dialCode:"261",nationalLength:9},{iso:"MH",dialCode:"692",nationalLength:7},{iso:"MK",dialCode:"389",nationalLength:8},{iso:"ML",dialCode:"223",nationalLength:8},{iso:"MM",dialCode:"95",nationalLength:9},{iso:"MN",dialCode:"976",nationalLength:8},{iso:"MO",dialCode:"853",nationalLength:8},{iso:"MQ",dialCode:"596",nationalLength:9},{iso:"MR",dialCode:"222",nationalLength:8},{iso:"MT",dialCode:"356",nationalLength:8},{iso:"MU",dialCode:"230",nationalLength:8},{iso:"MV",dialCode:"960",nationalLength:7},{iso:"MW",dialCode:"265",nationalLength:9},{iso:"MX",dialCode:"52",nationalLength:10},{iso:"MY",dialCode:"60",nationalLength:9},{iso:"MZ",dialCode:"258",nationalLength:9},{iso:"NA",dialCode:"264",nationalLength:9},{iso:"NC",dialCode:"687",nationalLength:6},{iso:"NE",dialCode:"227",nationalLength:8},{iso:"NG",dialCode:"234",nationalLength:10},{iso:"NI",dialCode:"505",nationalLength:8},{iso:"NL",dialCode:"31",nationalLength:9},{iso:"NO",dialCode:"47",nationalLength:8},{iso:"NP",dialCode:"977",nationalLength:10},{iso:"NR",dialCode:"674",nationalLength:7},{iso:"NU",dialCode:"683",nationalLength:4},{iso:"NZ",dialCode:"64",nationalLength:9},{iso:"OM",dialCode:"968",nationalLength:8},{iso:"PA",dialCode:"507",nationalLength:8},{iso:"PE",dialCode:"51",nationalLength:9},{iso:"PF",dialCode:"689",nationalLength:6},{iso:"PG",dialCode:"675",nationalLength:8},{iso:"PH",dialCode:"63",nationalLength:10},{iso:"PK",dialCode:"92",nationalLength:10},{iso:"PL",dialCode:"48",nationalLength:9},{iso:"PM",dialCode:"508",nationalLength:6},{iso:"PR",dialCode:"1787",nationalLength:7},{iso:"PS",dialCode:"970",nationalLength:9},{iso:"PT",dialCode:"351",nationalLength:9},{iso:"PW",dialCode:"680",nationalLength:7},{iso:"PY",dialCode:"595",nationalLength:9},{iso:"QA",dialCode:"974",nationalLength:8},{iso:"RE",dialCode:"262",nationalLength:9},{iso:"RO",dialCode:"40",nationalLength:9},{iso:"RS",dialCode:"381",nationalLength:9},{iso:"RU",dialCode:"7",nationalLength:10},{iso:"RW",dialCode:"250",nationalLength:9},{iso:"SA",dialCode:"966",nationalLength:9},{iso:"SB",dialCode:"677",nationalLength:7},{iso:"SC",dialCode:"248",nationalLength:7},{iso:"SD",dialCode:"249",nationalLength:9},{iso:"SE",dialCode:"46",nationalLength:9},{iso:"SG",dialCode:"65",nationalLength:8},{iso:"SI",dialCode:"386",nationalLength:8},{iso:"SK",dialCode:"421",nationalLength:9},{iso:"SL",dialCode:"232",nationalLength:8},{iso:"SM",dialCode:"378",nationalLength:10},{iso:"SN",dialCode:"221",nationalLength:9},{iso:"SO",dialCode:"252",nationalLength:8},{iso:"SR",dialCode:"597",nationalLength:7},{iso:"SS",dialCode:"211",nationalLength:9},{iso:"ST",dialCode:"239",nationalLength:7},{iso:"SV",dialCode:"503",nationalLength:8},{iso:"SY",dialCode:"963",nationalLength:9},{iso:"SZ",dialCode:"268",nationalLength:8},{iso:"TC",dialCode:"1649",nationalLength:7},{iso:"TD",dialCode:"235",nationalLength:8},{iso:"TG",dialCode:"228",nationalLength:8},{iso:"TH",dialCode:"66",nationalLength:9},{iso:"TJ",dialCode:"992",nationalLength:9},{iso:"TL",dialCode:"670",nationalLength:8},{iso:"TM",dialCode:"993",nationalLength:8},{iso:"TN",dialCode:"216",nationalLength:8},{iso:"TO",dialCode:"676",nationalLength:7},{iso:"TR",dialCode:"90",nationalLength:10},{iso:"TT",dialCode:"1868",nationalLength:7},{iso:"TV",dialCode:"688",nationalLength:6},{iso:"TW",dialCode:"886",nationalLength:9},{iso:"TZ",dialCode:"255",nationalLength:9},{iso:"UA",dialCode:"380",nationalLength:9},{iso:"UG",dialCode:"256",nationalLength:9},{iso:"US",dialCode:"1",nationalLength:10},{iso:"UY",dialCode:"598",nationalLength:8},{iso:"UZ",dialCode:"998",nationalLength:9},{iso:"VA",dialCode:"379",nationalLength:10},{iso:"VC",dialCode:"1784",nationalLength:7},{iso:"VE",dialCode:"58",nationalLength:10},{iso:"VG",dialCode:"1284",nationalLength:7},{iso:"VI",dialCode:"1340",nationalLength:7},{iso:"VN",dialCode:"84",nationalLength:10},{iso:"VU",dialCode:"678",nationalLength:7},{iso:"WF",dialCode:"681",nationalLength:6},{iso:"WS",dialCode:"685",nationalLength:7},{iso:"YE",dialCode:"967",nationalLength:9},{iso:"YT",dialCode:"262",nationalLength:9},{iso:"ZA",dialCode:"27",nationalLength:9},{iso:"ZM",dialCode:"260",nationalLength:9},{iso:"ZW",dialCode:"263",nationalLength:9}];function C(n){return u.find(t=>t.iso===n)?.dialCode}function M(n){return u.find(t=>t.iso===n)?.nationalLength}function D(n){if(!n||n.length!==2)return"";let t=[...n.toUpperCase()].map(i=>127462+(i.charCodeAt(0)-65));return String.fromCodePoint(...t)}var z=new Map;function w(n,t="en"){try{let i=z.get(t);return i||(i=new Intl.DisplayNames([t],{type:"region"}),z.set(t,i)),i.of(n)??n}catch{return n}}function b(n){return n.replace(/^0/,"")}function v(n){if(!n)return"";let t=[],i=0;for(n.length%2===1&&(t.push(n.slice(0,1)),i=1);i<n.length;i+=2)t.push(n.slice(i,i+2));return t.join(" ")}function y(n,t){let i=C(n);return!i||!t?"":`+${i}${t}`}function Q(n,t){let i=t.replace(/\D/g,""),e=C(n);return e&&i.startsWith(e)?i.slice(e.length):i}var X="eun-input-phone",ii="\u{1F310}",ei="123456789",oi=100,ni=O(B(N)),ti=I(K(H(F(k(G(ni)))))),o=class extends ti{constructor(){super();this.hideCountrySelector=!1;this.hideDialCode=!1;this.countrySearchPlaceholder="Search a country\u2026";this.noResultsLabel="No results";this.nationalDigits="";this.countryQuery="";this.isOpen=!1;this.highlightedIndex=-1;this.handleImplicitSubmission=i=>{let e=this.internals.form;!e||i.composedPath()[0]!==this.fieldEl||!V(i)||(i.preventDefault(),Y(e))};this.handleWindowBlur=()=>{this.isOpen&&this.closeListbox()};this.handleFocusOut=()=>{this.isOpen&&requestAnimationFrame(()=>{this.matches(":focus-within")||this.closeListbox()})};this.handleTriggerPointerDown=()=>{this.triggerPointerDownAt=performance.now()};this.handlePopoverToggle=i=>{if(i.newState==="open"){this.isOpen=!0,this.phoneGroupEl&&this.listboxEl&&this.anchorFloatingElement(this.phoneGroupEl,this.listboxEl,{forceFallback:f}),this.observeAnchorVisibility(this.phoneGroupEl,()=>this.closeListbox());return}if(this.triggerPointerDownAt!==void 0&&performance.now()-this.triggerPointerDownAt<oi){this.triggerPointerDownAt=void 0,this.openListbox();return}this.isOpen=!1,this.countryQuery="",this.highlightedIndex=-1,this.unanchorFloatingElement(),this.unobserveAnchorVisibility()};this.addEventListener("keydown",this.handleImplicitSubmission)}connectedCallback(){super.connectedCallback?.(),!this.country&&this.defaultCountry&&(this.country=this.defaultCountry),window.addEventListener("blur",this.handleWindowBlur)}disconnectedCallback(){window.removeEventListener("blur",this.handleWindowBlur),super.disconnectedCallback?.()}get availableCountries(){let i=Array.from(this.querySelectorAll(":scope > option"));return i.length?i.map(e=>e.value.toUpperCase()).map(e=>u.find(l=>l.iso===e)).filter(e=>!!e):u}get filteredCountries(){let i=this.availableCountries,e=this.countryQuery.trim().toLowerCase();return e?i.filter(({iso:l,dialCode:d})=>w(l,this.locale).toLowerCase().includes(e)||d.includes(e)):i}updated(i){super.updated(i),i.has("value")&&y(this.country,b(this.nationalDigits))!==this.value&&(this.nationalDigits=this.value?Q(this.country,this.value):""),i.has("highlightedIndex")&&this.listboxEl?.querySelector(`#listbox-option-${this.highlightedIndex}`)?.scrollIntoView({block:"nearest"})}get hostTabStop(){return!1}getFocusAnchor(){return this.fieldEl??void 0}focus(){super.focus?.(),this.fieldEl?.focus()}openListbox(){if(this.disabled||this.readonly){this.triggerPointerDownAt=void 0;return}let i=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,i?.matches(":popover-open")||i?.showPopover(),i&&this.playListboxOpenAnimation(i),this.countrySearchEl?.focus()}static listboxAnimationDuration(i){return window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:_(i,"--field-listbox-transition-duration","m",200)}playListboxOpenAnimation(i){i.style.removeProperty("pointer-events");let e=o.listboxAnimationDuration(i);e!==0&&(this.listboxAnimation=i.animate([{opacity:0,transform:"scaleY(0.01)"},{opacity:1,transform:"scaleY(1)"}],{duration:e,easing:x(i),fill:"forwards"}))}closeListbox(){let i=this.listboxEl;this.listboxAnimation?.cancel(),this.listboxAnimation=void 0,i?.matches(":popover-open")&&this.playListboxCloseAnimation(i)}playListboxCloseAnimation(i){i.style.pointerEvents="none";let e=o.listboxAnimationDuration(i);if(e===0){i.hidePopover();return}let l=i.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:e,easing:x(i),fill:"forwards"});this.listboxAnimation=l,l.finished.then(()=>{this.listboxAnimation===l&&(this.listboxAnimation=void 0),i.hidePopover()}).catch(()=>{})}handleTriggerClick(){this.isOpen||this.openListbox()}handlePhoneInput(i){let e=i.target,l=e.value.replace(/\D/g,""),d=l.startsWith("0"),g=b(l),J=C(this.country)?.length??0,q=M(this.country)??Math.max(0,15-J),A=g.slice(0,q);this.nationalDigits=(d?"0":"")+A;let T=v(this.nationalDigits);e.value!==T&&(e.value=T),this.value=y(this.country,A),this.dispatchEvent(new m(this.value))}handleCountrySearchInput(i){this.countryQuery=i.target.value,this.highlightedIndex=-1}handleCountrySelect(i){this.country=i;let e=this.nationalDigits.startsWith("0"),l=b(this.nationalDigits),d=M(i)??l.length,g=l.slice(0,d);this.nationalDigits=(e?"0":"")+g,this.value=y(this.country,g),this.dispatchEvent(new m(this.value)),this.closeListbox(),this.fieldEl?.focus()}handleCountryKeydown(i){switch(i.key){case"ArrowDown":{i.preventDefault(),this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredCountries.length-1);break}case"ArrowUp":{i.preventDefault(),this.highlightedIndex=Math.max(this.highlightedIndex-1,0);break}case"Enter":{i.preventDefault();let e=this.filteredCountries[this.highlightedIndex];e&&this.handleCountrySelect(e.iso);break}default:break}}get effectivePlaceholder(){return this.placeholder??`(0) ${v(ei)}`}renderDialCodePrefix(){let i=C(this.country);return this.hideDialCode||!i?h:s`<span class="dial-code-prefix" aria-hidden="true"
       >+${i}</span
     >`}renderCountryTrigger(){return s`
       <button
@@ -201,20 +201,20 @@ import{a as H,b as K}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunk
         aria-haspopup="listbox"
         aria-expanded=${this.isOpen}
         aria-controls="listbox"
-        aria-label=${this.ariaLabelCountrySelector}
+        aria-label=${this.countrySelectorLabel??this.dictionary.inputPhone.selectCountry}
         ?disabled=${this.disabled||this.readonly}
         @pointerdown=${this.handleTriggerPointerDown}
         @click=${this.handleTriggerClick}
       >
         <span class="flag" aria-hidden="true"
-          >${w(this.country)||z}</span
+          >${D(this.country)||ii}</span
         >
       </button>
     `}renderCountryListbox(){let i=this.isOpen?this.filteredCountries:[];return s`
       <ul
         id="listbox"
         role="listbox"
-        aria-label=${this.ariaLabelCountrySelector}
+        aria-label=${this.countrySelectorLabel??this.dictionary.inputPhone.selectCountry}
         popover="auto"
         @toggle=${this.handlePopoverToggle}
       >
@@ -229,22 +229,22 @@ import{a as H,b as K}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunk
             @keydown=${this.handleCountryKeydown}
           />
         </li>
-        ${this.isOpen?i.length?i.map(({iso:e,dialCode:t},d)=>s`
+        ${this.isOpen?i.length?i.map(({iso:e,dialCode:l},d)=>s`
                   <li
                     id="listbox-option-${d}"
                     role="option"
                     aria-selected=${e===this.country}
-                    class=${N({highlighted:d===this.highlightedIndex,selected:e===this.country})}
+                    class=${$({highlighted:d===this.highlightedIndex,selected:e===this.country})}
                     @mousedown=${g=>{g.preventDefault(),this.handleCountrySelect(e)}}
                     @mouseenter=${()=>{this.highlightedIndex=d}}
                   >
                     <span class="flag" aria-hidden="true"
-                      >${w(e)}</span
+                      >${D(e)}</span
                     >
                     <span class="country-name"
-                      >${D(e,this.locale)}</span
+                      >${w(e,this.locale)}</span
                     >
-                    <span class="country-dial-code">+${t}</span>
+                    <span class="country-dial-code">+${l}</span>
                   </li>
                 `):s`<li
                 id="listbox-empty"
@@ -270,8 +270,9 @@ import{a as H,b as K}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunk
               placeholder=${this.effectivePlaceholder}
               ?disabled=${this.disabled}
               ?readonly=${this.readonly}
+              aria-label=${R(this.label)}
               aria-describedby=${e?"description":h}
-              aria-invalid=${!this.hideError&&!this.disabled&&!this.valid}
+              aria-invalid=${this.showError}
               @input=${this.handlePhoneInput}
             />
           </div>
@@ -279,4 +280,4 @@ import{a as H,b as K}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunk
         ${this.hideCountrySelector?h:this.renderCountryListbox()}
         ${i}
       </div>
-    `}};o.styles=[W,L.base,L.errorMessages,L.hintMessages],l([r({reflect:!0})],o.prototype,"country",2),l([r({attribute:"default-country"})],o.prototype,"defaultCountry",2),l([r({type:Boolean,reflect:!0,attribute:"hide-country-selector"})],o.prototype,"hideCountrySelector",2),l([r({type:Boolean,reflect:!0,attribute:"hide-dial-code"})],o.prototype,"hideDialCode",2),l([r()],o.prototype,"placeholder",2),l([r()],o.prototype,"locale",2),l([r({attribute:"country-search-placeholder"})],o.prototype,"countrySearchPlaceholder",2),l([r({attribute:"no-results-label"})],o.prototype,"noResultsLabel",2),l([r({attribute:"aria-label-country-selector"})],o.prototype,"ariaLabelCountrySelector",2),l([c()],o.prototype,"nationalDigits",2),l([c()],o.prototype,"countryQuery",2),l([c()],o.prototype,"isOpen",2),l([c()],o.prototype,"highlightedIndex",2),l([p("#phone-field")],o.prototype,"fieldEl",2),l([p("#phone-group")],o.prototype,"phoneGroupEl",2),l([p("#listbox")],o.prototype,"listboxEl",2),l([p("#country-search")],o.prototype,"countrySearchEl",2),o=l([T(Z)],o);export{o as EunomiaInputPhone,Z as EunomiaInputPhoneTagName};
+    `}};o.styles=[Z,L.base,L.errorMessages,L.hintMessages],a([r({reflect:!0})],o.prototype,"country",2),a([r({attribute:"default-country"})],o.prototype,"defaultCountry",2),a([r({type:Boolean,reflect:!0,attribute:"hide-country-selector"})],o.prototype,"hideCountrySelector",2),a([r({type:Boolean,reflect:!0,attribute:"hide-dial-code"})],o.prototype,"hideDialCode",2),a([r()],o.prototype,"placeholder",2),a([r()],o.prototype,"locale",2),a([r({attribute:"country-search-placeholder"})],o.prototype,"countrySearchPlaceholder",2),a([r({attribute:"no-results-label"})],o.prototype,"noResultsLabel",2),a([r({attribute:"country-selector-label"})],o.prototype,"countrySelectorLabel",2),a([c()],o.prototype,"nationalDigits",2),a([c()],o.prototype,"countryQuery",2),a([c()],o.prototype,"isOpen",2),a([c()],o.prototype,"highlightedIndex",2),a([p("#phone-field")],o.prototype,"fieldEl",2),a([p("#phone-group")],o.prototype,"phoneGroupEl",2),a([p("#listbox")],o.prototype,"listboxEl",2),a([p("#country-search")],o.prototype,"countrySearchEl",2),o=a([S(X)],o);export{o as EunomiaInputPhone,X as EunomiaInputPhoneTagName};

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

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-EAKYD33D.js";import"./chunks/chunk-E4IS25H7.js";import"./chunks/chunk-L65WUTXM.js";import"./chunks/chunk-L74LXUGL.js";import"./chunks/chunk-LFCXUVDO.js";import"./chunks/chunk-GW3VP2L7.js";import"./chunks/chunk-OAULRKHQ.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-32DTNR52.js";import"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaInput,a as EunomiaInputTagName};
+import{a,b}from"./chunks/chunk-BVASCT2V.js";import"./chunks/chunk-UVHVQRPT.js";import"./chunks/chunk-L74LXUGL.js";import"./chunks/chunk-UYZR4JXZ.js";import"./chunks/chunk-WW4BTWMH.js";import"./chunks/chunk-GVS6IUKC.js";import"./chunks/chunk-BO3JOEWM.js";import"./chunks/chunk-TLBXTBMM.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-3BMACIDO.js";import"./chunks/chunk-PPCHQG7P.js";import"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-62RLISRD.js";import"./chunks/chunk-QL5GSW2A.js";import"./chunks/chunk-YITWLCD3.js";export{b as EunomiaInput,a as EunomiaInputTagName};

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

@@ -1,4 +1,4 @@
-import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as t,f as o,g as p,h as s,m as i,n,p as a,s as c}from"./chunks/chunk-XH6NREVZ.js";var h=p`
+import{a as u}from"./chunks/chunk-O7PHBLH2.js";import"./chunks/chunk-SGM2X2TC.js";import{a as t,f as o,h as p,j as s,o as i,p as n,r as a,u as c}from"./chunks/chunk-YITWLCD3.js";var h=p`
   #wrapper {
     font-family: var(--eun-font-family, "Mulish", sans-serif);
     display: flex;
@@ -12,17 +12,17 @@ import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
   }
   #name {
     color: var(--eun-text-color, #071621);
-    font-size: var(--eun-font-size-s, 14px);
+    font-size: var(--field-label-font-size, var(--eun-font-size-s, 14px));
     font-weight: var(--eun-font-weight-l, 700);
   }
   slot[name="instructions"] {
     display: block;
-    font-size: var(--eun-font-size-xs, 12px);
+    font-size: var(--field-message-font-size, var(--eun-font-size-xs, 12px));
     color: var(--eun-text-secondary, #484e61);
   }
   .required {
     color: var(--eun-color-critical-100, #aa0014);
-    font-size: var(--eun-font-size-s, 10px);
+    font-size: var(--field-label-font-size, var(--eun-font-size-s, 10px));
   }
 `,d=h;var g="eun-label",e=class extends c{constructor(){super(...arguments);this.required=!1}handleClick(){this.parentNode?.querySelector(`#${this.for}`)?.focus()}handleLabelSlotChange(){this.requestUpdate();let l=this.labelNodes?.[0];if(!l||!(l instanceof HTMLElement))return;let r=l.querySelector("eun-tooltip");r&&r.previousElementSibling?.addEventListener("click",f=>f?.stopPropagation())}render(){return n`
       <span id="wrapper" @click=${this.handleClick}>