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

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

@@ -1,4 +1,4 @@
-import{a as f,b as u,c as b}from"./chunks/chunk-4MXL6PZC.js";import{a as h}from"./chunks/chunk-T7WABJEJ.js";import{a as t}from"./chunks/chunk-5EVP7YNE.js";import{a as c}from"./chunks/chunk-BKHD4S57.js";import{a,f as d,g as r,h as n,n as i,p as l,s as p}from"./chunks/chunk-XH6NREVZ.js";var x=r`
+import{a as f,b as u,c as b}from"./chunks/chunk-OW7XKDCH.js";import{a as h}from"./chunks/chunk-32DTNR52.js";import{a as v}from"./chunks/chunk-SJWRE6PW.js";import{a as t}from"./chunks/chunk-5EVP7YNE.js";import{a as c}from"./chunks/chunk-5GKM5DIB.js";import{a,f as d,g as r,h as n,n as i,p as l,s as p}from"./chunks/chunk-XH6NREVZ.js";var m=r`
   :host {
     --_focusIndicator: var(--fab-focus-outline, var(--_solid));
     --_hoverFromCustom: color-mix(in srgb, var(--fab-background) 88%, black);
@@ -128,7 +128,7 @@ import{a as f,b as u,c as b}from"./chunks/chunk-4MXL6PZC.js";import{a as h}from"
     white-space: nowrap;
     border: 0;
   }
-`,m=r`
+`,g=r`
   :host([slide]:not([loading])) #fab {
     display: grid;
     grid-template-columns: var(--_circleSize) 0fr;
@@ -176,7 +176,7 @@ import{a as f,b as u,c as b}from"./chunks/chunk-4MXL6PZC.js";import{a as h}from"
     margin-inline-start: var(--_gap);
     opacity: 1;
   }
-`,g=r`
+`,y=r`
   :host([position]) {
     position: fixed;
     z-index: var(--fab-z-index, 40);
@@ -197,7 +197,7 @@ import{a as f,b as u,c as b}from"./chunks/chunk-4MXL6PZC.js";import{a as h}from"
     top: var(--fab-offset, var(--eun-space-l, 32px));
     left: var(--fab-offset, var(--eun-space-l, 32px));
   }
-`,v=[u,x,m,g];var y="eun-fab",o=class extends f(b(h(p))){constructor(){super(...arguments);this.loadingLabel="Loading\u2026"}updated(e){if(super.updated(e),e.has("label")&&(this.slide=!!this.label),e.has("href")||e.has("disabled")||e.has("loading")){let s=this.disabled||this.loading;this.href&&!s?this.removeAttribute("tabindex"):this.setAttribute("tabindex",s?"-1":"0")}}handleLinkClick(e){this.download||c(this,e,this.href,this.target)}get isBlank(){return!!this.href&&this.target==="_blank"}renderExternalLinkHint(){return!this.isBlank||this.ariaLabel?l:i`<span class="sr-only"> (opens in a new tab)</span>`}renderLabel(){return this.isBlank?i`<span id="label"
+`,x=[u,m,g,y];var k="eun-fab",o=class extends f(b(h(v(p)))){constructor(){super(...arguments);this.loadingLabel="Loading\u2026"}updated(e){if(super.updated(e),e.has("label")&&(this.slide=!!this.label),e.has("href")||e.has("disabled")||e.has("loading")){let s=this.disabled||this.loading;this.href&&!s?this.removeAttribute("tabindex"):this.setAttribute("tabindex",s?"-1":"0")}}handleLinkClick(e){this.download||c(this,e,this.href,this.target)}get isBlank(){return!!this.href&&this.target==="_blank"}renderExternalLinkHint(){if(!this.isBlank||this.ariaLabel)return l;let e=this.dictionary.link.opensInNewTab;return i`<span class="sr-only"> (${e})</span>`}renderLabel(){return this.isBlank?i`<span id="label"
       >${this.label}<span id="external-link-icon"
         ><eun-icon name="arrow_forward" shape="round" size="12"></eun-icon
         >${this.renderExternalLinkHint()}</span
@@ -222,7 +222,7 @@ import{a as f,b as u,c as b}from"./chunks/chunk-4MXL6PZC.js";import{a as h}from"
           target=${t(this.target)}
           rel=${t(this.isBlank?"noopener noreferrer":void 0)}
           download=${t(this.download)}
-          aria-label=${t(this.isBlank&&this.ariaLabel?`${this.ariaLabel} (opens in a new tab)`:this.ariaLabel??void 0)}
+          aria-label=${t(this.isBlank&&this.ariaLabel?`${this.ariaLabel} (${this.dictionary.link.opensInNewTab})`:this.ariaLabel??void 0)}
           aria-disabled=${t(this.disabled?"true":void 0)}
           aria-busy=${t(this.loading?"true":void 0)}
           @click=${this.handleLinkClick}
@@ -233,4 +233,4 @@ import{a as f,b as u,c as b}from"./chunks/chunk-4MXL6PZC.js";import{a as h}from"
       <div id="fab" aria-busy=${t(this.loading?"true":void 0)}>
         ${e}
       </div>
-    `}};o.styles=v,a([n()],o.prototype,"icon",2),a([n()],o.prototype,"label",2),a([n({reflect:!0})],o.prototype,"position",2),a([n({attribute:"loading-label"})],o.prototype,"loadingLabel",2),o=a([d(y)],o);export{o as EunomiaFab,y as EunomiaFabTagName};
+    `}};o.styles=x,a([n()],o.prototype,"icon",2),a([n()],o.prototype,"label",2),a([n({reflect:!0})],o.prototype,"position",2),a([n({attribute:"loading-label"})],o.prototype,"loadingLabel",2),o=a([d(k)],o);export{o as EunomiaFab,k as EunomiaFabTagName};

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

@@ -1 +1 @@
-import{a,b,c}from"./chunks/chunk-2JLDJFYD.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-XH6NREVZ.js";export{c as EunomiaIcon,a as EunomiaIconTagName,b as setIconBaseUrl};
+import{a,b,c}from"./chunks/chunk-JRGM3W7I.js";import"./chunks/chunk-MMLIPCOY.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-XH6NREVZ.js";export{c as EunomiaIcon,a as EunomiaIconTagName,b as setIconBaseUrl};

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

@@ -1,4 +1,4 @@
-import{a as s,b as n}from"./chunks/chunk-IJ5WFMK4.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-BKHD4S57.js";import{a,f as t,g as d,n as e,s as i}from"./chunks/chunk-XH6NREVZ.js";var l=d`
+import{a as s,b as n}from"./chunks/chunk-SD2WHGPF.js";import"./chunks/chunk-SJWRE6PW.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-5GKM5DIB.js";import{a,f as t,g as d,n as e,s as i}from"./chunks/chunk-XH6NREVZ.js";var l=d`
   :host {
     display: block;
     position: relative;

package/dist/cdn/components/eun-image-carousel.js

@@ -1,4 +1,4 @@
-import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as k}from"./chunks/chunk-SD2H5UDZ.js";import{a as D}from"./chunks/chunk-ATH2OAMU.js";import{a as I}from"./chunks/chunk-VRGRCYIO.js";import{a as c}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as n,f as w,g as T,h as s,i as g,j as p,n as o,p as l,s as $}from"./chunks/chunk-XH6NREVZ.js";var m=class P extends Event{static{this.eventName="eunimagechange"}constructor(v){super(P.eventName,{bubbles:!0,composed:!1}),this.index=v.index,this.count=v.count}};var S=T`
+import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as D}from"./chunks/chunk-SD2H5UDZ.js";import{a as k}from"./chunks/chunk-VRGRCYIO.js";import{a as c}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as I}from"./chunks/chunk-SJWRE6PW.js";import{a as n,f as w,g as T,h as s,i as g,j as p,n as o,p as l,s as $}from"./chunks/chunk-XH6NREVZ.js";var m=class P extends Event{static{this.eventName="eunimagechange"}constructor(v){super(P.eventName,{bubbles:!0,composed:!1}),this.index=v.index,this.count=v.count}};var S=T`
   :host {
     display: block;
     --_magnifierZoom: 2.5;
@@ -433,7 +433,7 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as k}from"./chunks/chunk
     outline-offset: 2px;
   }
 
-  @media (max-width: ${I.mobile}px) {
+  @media (max-width: ${k.mobile}px) {
     #lightbox {
       flex-direction: column;
     }
@@ -465,7 +465,7 @@ import{a as L}from"./chunks/chunk-E5LQKBFI.js";import{a as k}from"./chunks/chunk
       animation: none !important;
     }
   }
-`,E=S;var M="eun-image-carousel",r=class extends D($){constructor(){super(...arguments);this.images=[];this.activeIndex=0;this.magnifier=!1;this.magnifierZoom=2.5;this.showThumbnails=!0;this.showDots=!0;this.lightbox=!0;this.lightboxGrid=!0;this.loop=!1;this.transition="slide";this.autoplay=!1;this.autoplayInterval=4e3;this.ariaLabelPrevious="Previous image";this.ariaLabelNext="Next image";this.ariaLabelExpand="View full-size image";this.ariaLabelLightbox="Image viewer";this.announcement="";this.transitionDirection=1;this.dragActive=!1;this.dragDirection=1;this.dragHasTarget=!1;this.suppressNextClick=!1;this.manuallyPaused=!1;this.scheduleAnnounce=k(()=>{this.announcement=this.buildAnnouncement()},150);this.handleTransientPause=()=>{this.stopAutoplay()};this.handleTransientResume=()=>{this.startAutoplay()};this.handleStageDragMove=e=>{this.dragActive||this.beginImageDrag(e),this.updateImageDragPosition(e)};this.handleStageDragEnd=(e,t)=>{this.dragActive&&(this.suppressNextClick=!0,this.settleImageDrag(t&&this.dragHasTarget))};this.handleStageDragCancel=()=>{this.dragActive&&(this.suppressNextClick=!0,this.settleImageDrag(!1))};this.handleLeaveAnimationEnd=()=>{this.previousImage=void 0};this.handleKeydown=e=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.previous();break;case"ArrowRight":e.preventDefault(),this.next();break;case"Home":e.preventDefault(),this.goToIndex(0,-1);break;case"End":e.preventDefault(),this.goToIndex(this.images.length-1,1);break;default:break}};this.handlePointerEnter=e=>{!this.magnifier||e.pointerType==="touch"||this.mainImageEl?.classList.add("zoomed")};this.handlePointerMove=e=>{if(!this.magnifier||e.pointerType==="touch")return;let{clientX:t,clientY:i}=e;this.pointerRaf===void 0&&(this.pointerRaf=requestAnimationFrame(()=>{this.pointerRaf=void 0,this.updateMagnifierOrigin(t,i)}))};this.handlePointerLeave=()=>{this.mainImageEl?.classList.remove("zoomed")};this.handleSwipeStart=e=>{e.pointerType==="touch"&&(this.swipeStart={x:e.clientX,y:e.clientY})};this.handleSwipeEnd=e=>{let t=this.swipeStart;if(this.swipeStart=void 0,e.pointerType!=="touch"||!t)return;let i=e.clientX-t.x,a=e.clientY-t.y;Math.abs(i)<r.SWIPE_THRESHOLD||Math.abs(i)<Math.abs(a)||(this.suppressNextClick=!0,i<0?this.next():this.previous())};this.handleSwipeCancel=()=>{this.swipeStart=void 0};this.handleExpandClick=()=>{if(this.suppressNextClick){this.suppressNextClick=!1;return}this.openLightbox()}}connectedCallback(){super.connectedCallback?.(),this.addEventListener("mouseenter",this.handleTransientPause),this.addEventListener("mouseleave",this.handleTransientResume),this.addEventListener("focusin",this.handleTransientPause),this.addEventListener("focusout",this.handleTransientResume)}willUpdate(e){if(super.willUpdate(e),e.has("images")){let t=Math.max(0,this.images.length-1);this.activeIndex>t&&(this.activeIndex=t)}if(e.has("activeIndex")||e.has("loop")||e.has("images")){let t=this.shadowRoot?.activeElement;this.focusedNavButton=t instanceof HTMLButtonElement&&this.isNavButton(t)?t:void 0}}updated(e){super.updated(e),e.has("magnifierZoom")&&this.style.setProperty("--_magnifierZoom",String(this.magnifierZoom)),(e.has("autoplay")||e.has("images"))&&(this.autoplay?this.startAutoplay():this.stopAutoplay()),this.focusedNavButton&&(this.restoreNavFocusIfDisabled(this.focusedNavButton),this.focusedNavButton=void 0),!this.swipeGesture&&this.stageEl&&(this.swipeGesture=L(this.stageEl,{threshold:r.SWIPE_THRESHOLD,onDragMove:this.handleStageDragMove,onDragEnd:this.handleStageDragEnd,onDragCancel:this.handleStageDragCancel}))}isNavButton(e){return e.classList.contains("stage-nav")||e.classList.contains("lightbox-nav")}restoreNavFocusIfDisabled(e){if(!e.isConnected||!e.disabled)return;let t=e.classList.contains("stage-nav")?".stage-nav":".lightbox-nav";Array.from(this.shadowRoot?.querySelectorAll(t)??[]).find(a=>a!==e&&!a.disabled)?.focus()}disconnectedCallback(){this.stopAutoplay(),this.removeEventListener("mouseenter",this.handleTransientPause),this.removeEventListener("mouseleave",this.handleTransientResume),this.removeEventListener("focusin",this.handleTransientPause),this.removeEventListener("focusout",this.handleTransientResume),this.pointerRaf!==void 0&&cancelAnimationFrame(this.pointerRaf),this.swipeGesture?.destroy(),this.dragPreviewEl?.remove(),super.disconnectedCallback?.()}startAutoplay(){this.autoplayTimer||!this.autoplay||this.manuallyPaused||this.images.length<=1||(this.autoplayTimer=setInterval(()=>this.next(),this.autoplayInterval))}stopAutoplay(){clearInterval(this.autoplayTimer),this.autoplayTimer=void 0}pauseAutoplay(){this.manuallyPaused=!0,this.stopAutoplay()}resumeAutoplay(){this.manuallyPaused=!1,this.startAutoplay()}previous(){this.goToIndex(this.activeIndex-1,-1)}next(){this.goToIndex(this.activeIndex+1,1)}goTo(e){this.goToIndex(e)}openLightbox(e){this.images.length&&(typeof e=="number"&&this.goToIndex(e),this.handleTransientPause(),this.modalEl?.show())}closeLightbox(){this.modalEl?.hide(),this.handleTransientResume()}goToIndex(e,t,i){let a=this.images.length;if(a===0)return;let d=a-1,u=this.loop?(e%a+a)%a:Math.max(0,Math.min(e,d));if(u===this.activeIndex)return;let h=this.images[this.activeIndex];this.transitionDirection=t??(u>this.activeIndex?1:-1),this.activeIndex=u,i?.skipTransition||this.beginTransition(h),this.resetMagnifier(),this.scheduleAnnounce(),this.dispatchEvent(new m({index:u,count:a}))}beginImageDrag(e){this.dragActive=!0,this.dragDirection=e<0?1:-1;let t=this.images.length,i=this.activeIndex+this.dragDirection;if(this.dragHasTarget=this.loop?t>1:i>=0&&i<t,this.dragTargetIndex=this.dragHasTarget?(i%t+t)%t:void 0,this.mainImageEl&&(this.mainImageEl.style.transition="none"),this.dragTargetIndex===void 0||!this.stageImagesEl)return;let a=document.createElement("img");a.className="img-layer",a.src=this.images[this.dragTargetIndex].src,a.alt="",a.setAttribute("aria-hidden","true"),this.stageImagesEl.appendChild(a),this.dragPreviewEl=a}updateImageDragPosition(e){let t=this.mainImageEl;if(t){if(!this.dragHasTarget){t.style.transform=`translateX(${e*r.EDGE_RESISTANCE}px)`;return}t.style.transform=`translateX(${e}px)`,this.dragPreviewEl&&(this.dragPreviewEl.style.transform=`translateX(calc(${this.dragDirection*100}% + ${e}px))`)}}settleImageDrag(e){let t=this.mainImageEl,i=this.dragPreviewEl,a=this.dragDirection,d=e?`${-a*100}%`:"0px",u=e?"0px":`${a*100}%`,h=getComputedStyle(this).getPropertyValue("--_swipe-duration"),b=Number.parseFloat(h)<=0,f=b?"none":"transform var(--_swipe-duration) ease-out";if(t&&(t.style.transition=f,t.style.transform=`translateX(${d})`),i&&(i.style.transition=f,i.style.transform=`translateX(${u})`),b){this.finalizeImageDrag(e);return}let x=!1,y=()=>{x||(x=!0,this.finalizeImageDrag(e))};t?.addEventListener("transitionend",y,{once:!0}),window.setTimeout(y,Number.parseFloat(h)||260)}finalizeImageDrag(e){let t=this.mainImageEl,i=this.dragPreviewEl,a=this.dragTargetIndex,d=this.dragDirection;this.dragActive=!1,this.dragTargetIndex=void 0,this.dragHasTarget=!1,this.dragPreviewEl=void 0;let u=()=>{t&&(t.style.transition="none",t.style.removeProperty("transform")),i?.remove(),requestAnimationFrame(()=>{requestAnimationFrame(()=>{t?.style.removeProperty("transition")})})};e&&a!==void 0?(this.goToIndex(a,d,{skipTransition:!0}),this.updateComplete.then(u)):u()}resetMagnifier(){this.mainImageEl?.classList.remove("zoomed")}beginTransition(e){if(this.transition==="none"||this.prefersReducedMotion()){this.previousImage=void 0;return}this.previousImage=e}prefersReducedMotion(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}buildAnnouncement(){if(!this.images.length)return"";let e=this.images[this.activeIndex],t=`Image ${this.activeIndex+1} of ${this.images.length}`;return e?.alt?`${t}: ${e.alt}`:t}updateMagnifierOrigin(e,t){let i=this.mainImageEl;if(!i)return;let a=i.getBoundingClientRect(),d=Math.min(100,Math.max(0,(e-a.left)/a.width*100)),u=Math.min(100,Math.max(0,(t-a.top)/a.height*100));i.style.setProperty("transform-origin",`${d}% ${u}%`)}layerClasses(e){let t=!!this.previousImage;return{"img-layer":!0,[e]:t,[`transition-${this.transition}`]:t,"dir-next":t&&this.transitionDirection===1,"dir-prev":t&&this.transitionDirection===-1}}renderMainImage(e,t){let i=o`
+`,E=S;var M="eun-image-carousel",r=class extends I($){constructor(){super(...arguments);this.images=[];this.activeIndex=0;this.magnifier=!1;this.magnifierZoom=2.5;this.showThumbnails=!0;this.showDots=!0;this.lightbox=!0;this.lightboxGrid=!0;this.loop=!1;this.transition="slide";this.autoplay=!1;this.autoplayInterval=4e3;this.ariaLabelPrevious="Previous image";this.ariaLabelNext="Next image";this.ariaLabelExpand="View full-size image";this.ariaLabelLightbox="Image viewer";this.announcement="";this.transitionDirection=1;this.dragActive=!1;this.dragDirection=1;this.dragHasTarget=!1;this.suppressNextClick=!1;this.manuallyPaused=!1;this.scheduleAnnounce=D(()=>{this.announcement=this.buildAnnouncement()},150);this.handleTransientPause=()=>{this.stopAutoplay()};this.handleTransientResume=()=>{this.startAutoplay()};this.handleStageDragMove=e=>{this.dragActive||this.beginImageDrag(e),this.updateImageDragPosition(e)};this.handleStageDragEnd=(e,t)=>{this.dragActive&&(this.suppressNextClick=!0,this.settleImageDrag(t&&this.dragHasTarget))};this.handleStageDragCancel=()=>{this.dragActive&&(this.suppressNextClick=!0,this.settleImageDrag(!1))};this.handleLeaveAnimationEnd=()=>{this.previousImage=void 0};this.handleKeydown=e=>{switch(e.key){case"ArrowLeft":e.preventDefault(),this.previous();break;case"ArrowRight":e.preventDefault(),this.next();break;case"Home":e.preventDefault(),this.goToIndex(0,-1);break;case"End":e.preventDefault(),this.goToIndex(this.images.length-1,1);break;default:break}};this.handlePointerEnter=e=>{!this.magnifier||e.pointerType==="touch"||this.mainImageEl?.classList.add("zoomed")};this.handlePointerMove=e=>{if(!this.magnifier||e.pointerType==="touch")return;let{clientX:t,clientY:i}=e;this.pointerRaf===void 0&&(this.pointerRaf=requestAnimationFrame(()=>{this.pointerRaf=void 0,this.updateMagnifierOrigin(t,i)}))};this.handlePointerLeave=()=>{this.mainImageEl?.classList.remove("zoomed")};this.handleSwipeStart=e=>{e.pointerType==="touch"&&(this.swipeStart={x:e.clientX,y:e.clientY})};this.handleSwipeEnd=e=>{let t=this.swipeStart;if(this.swipeStart=void 0,e.pointerType!=="touch"||!t)return;let i=e.clientX-t.x,a=e.clientY-t.y;Math.abs(i)<r.SWIPE_THRESHOLD||Math.abs(i)<Math.abs(a)||(this.suppressNextClick=!0,i<0?this.next():this.previous())};this.handleSwipeCancel=()=>{this.swipeStart=void 0};this.handleExpandClick=()=>{if(this.suppressNextClick){this.suppressNextClick=!1;return}this.openLightbox()}}connectedCallback(){super.connectedCallback?.(),this.addEventListener("mouseenter",this.handleTransientPause),this.addEventListener("mouseleave",this.handleTransientResume),this.addEventListener("focusin",this.handleTransientPause),this.addEventListener("focusout",this.handleTransientResume)}willUpdate(e){if(super.willUpdate(e),e.has("images")){let t=Math.max(0,this.images.length-1);this.activeIndex>t&&(this.activeIndex=t)}if(e.has("activeIndex")||e.has("loop")||e.has("images")){let t=this.shadowRoot?.activeElement;this.focusedNavButton=t instanceof HTMLButtonElement&&this.isNavButton(t)?t:void 0}}updated(e){super.updated(e),e.has("magnifierZoom")&&this.style.setProperty("--_magnifierZoom",String(this.magnifierZoom)),(e.has("autoplay")||e.has("images"))&&(this.autoplay?this.startAutoplay():this.stopAutoplay()),this.focusedNavButton&&(this.restoreNavFocusIfDisabled(this.focusedNavButton),this.focusedNavButton=void 0),!this.swipeGesture&&this.stageEl&&(this.swipeGesture=L(this.stageEl,{threshold:r.SWIPE_THRESHOLD,onDragMove:this.handleStageDragMove,onDragEnd:this.handleStageDragEnd,onDragCancel:this.handleStageDragCancel}))}isNavButton(e){return e.classList.contains("stage-nav")||e.classList.contains("lightbox-nav")}restoreNavFocusIfDisabled(e){if(!e.isConnected||!e.disabled)return;let t=e.classList.contains("stage-nav")?".stage-nav":".lightbox-nav";Array.from(this.shadowRoot?.querySelectorAll(t)??[]).find(a=>a!==e&&!a.disabled)?.focus()}disconnectedCallback(){this.stopAutoplay(),this.removeEventListener("mouseenter",this.handleTransientPause),this.removeEventListener("mouseleave",this.handleTransientResume),this.removeEventListener("focusin",this.handleTransientPause),this.removeEventListener("focusout",this.handleTransientResume),this.pointerRaf!==void 0&&cancelAnimationFrame(this.pointerRaf),this.swipeGesture?.destroy(),this.dragPreviewEl?.remove(),super.disconnectedCallback?.()}startAutoplay(){this.autoplayTimer||!this.autoplay||this.manuallyPaused||this.images.length<=1||(this.autoplayTimer=setInterval(()=>this.next(),this.autoplayInterval))}stopAutoplay(){clearInterval(this.autoplayTimer),this.autoplayTimer=void 0}pauseAutoplay(){this.manuallyPaused=!0,this.stopAutoplay()}resumeAutoplay(){this.manuallyPaused=!1,this.startAutoplay()}previous(){this.goToIndex(this.activeIndex-1,-1)}next(){this.goToIndex(this.activeIndex+1,1)}goTo(e){this.goToIndex(e)}openLightbox(e){this.images.length&&(typeof e=="number"&&this.goToIndex(e),this.handleTransientPause(),this.modalEl?.show())}closeLightbox(){this.modalEl?.hide(),this.handleTransientResume()}goToIndex(e,t,i){let a=this.images.length;if(a===0)return;let d=a-1,u=this.loop?(e%a+a)%a:Math.max(0,Math.min(e,d));if(u===this.activeIndex)return;let h=this.images[this.activeIndex];this.transitionDirection=t??(u>this.activeIndex?1:-1),this.activeIndex=u,i?.skipTransition||this.beginTransition(h),this.resetMagnifier(),this.scheduleAnnounce(),this.dispatchEvent(new m({index:u,count:a}))}beginImageDrag(e){this.dragActive=!0,this.dragDirection=e<0?1:-1;let t=this.images.length,i=this.activeIndex+this.dragDirection;if(this.dragHasTarget=this.loop?t>1:i>=0&&i<t,this.dragTargetIndex=this.dragHasTarget?(i%t+t)%t:void 0,this.mainImageEl&&(this.mainImageEl.style.transition="none"),this.dragTargetIndex===void 0||!this.stageImagesEl)return;let a=document.createElement("img");a.className="img-layer",a.src=this.images[this.dragTargetIndex].src,a.alt="",a.setAttribute("aria-hidden","true"),this.stageImagesEl.appendChild(a),this.dragPreviewEl=a}updateImageDragPosition(e){let t=this.mainImageEl;if(t){if(!this.dragHasTarget){t.style.transform=`translateX(${e*r.EDGE_RESISTANCE}px)`;return}t.style.transform=`translateX(${e}px)`,this.dragPreviewEl&&(this.dragPreviewEl.style.transform=`translateX(calc(${this.dragDirection*100}% + ${e}px))`)}}settleImageDrag(e){let t=this.mainImageEl,i=this.dragPreviewEl,a=this.dragDirection,d=e?`${-a*100}%`:"0px",u=e?"0px":`${a*100}%`,h=getComputedStyle(this).getPropertyValue("--_swipe-duration"),b=Number.parseFloat(h)<=0,f=b?"none":"transform var(--_swipe-duration) ease-out";if(t&&(t.style.transition=f,t.style.transform=`translateX(${d})`),i&&(i.style.transition=f,i.style.transform=`translateX(${u})`),b){this.finalizeImageDrag(e);return}let x=!1,y=()=>{x||(x=!0,this.finalizeImageDrag(e))};t?.addEventListener("transitionend",y,{once:!0}),window.setTimeout(y,Number.parseFloat(h)||260)}finalizeImageDrag(e){let t=this.mainImageEl,i=this.dragPreviewEl,a=this.dragTargetIndex,d=this.dragDirection;this.dragActive=!1,this.dragTargetIndex=void 0,this.dragHasTarget=!1,this.dragPreviewEl=void 0;let u=()=>{t&&(t.style.transition="none",t.style.removeProperty("transform")),i?.remove(),requestAnimationFrame(()=>{requestAnimationFrame(()=>{t?.style.removeProperty("transition")})})};e&&a!==void 0?(this.goToIndex(a,d,{skipTransition:!0}),this.updateComplete.then(u)):u()}resetMagnifier(){this.mainImageEl?.classList.remove("zoomed")}beginTransition(e){if(this.transition==="none"||this.prefersReducedMotion()){this.previousImage=void 0;return}this.previousImage=e}prefersReducedMotion(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}buildAnnouncement(){if(!this.images.length)return"";let e=this.images[this.activeIndex],t=`Image ${this.activeIndex+1} of ${this.images.length}`;return e?.alt?`${t}: ${e.alt}`:t}updateMagnifierOrigin(e,t){let i=this.mainImageEl;if(!i)return;let a=i.getBoundingClientRect(),d=Math.min(100,Math.max(0,(e-a.left)/a.width*100)),u=Math.min(100,Math.max(0,(t-a.top)/a.height*100));i.style.setProperty("transform-origin",`${d}% ${u}%`)}layerClasses(e){let t=!!this.previousImage;return{"img-layer":!0,[e]:t,[`transition-${this.transition}`]:t,"dir-next":t&&this.transitionDirection===1,"dir-prev":t&&this.transitionDirection===-1}}renderMainImage(e,t){let i=o`
       <div id="stage-images">
         ${this.previousImage?o`
               <img

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-T7WABJEJ.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 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`
   :host {
     --_borderColor: var(
       --input-file-border-color,

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

@@ -1,4 +1,4 @@
-import{a as H,b as V}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunks/chunk-LK5BJ4SH.js";import{a as k}from"./chunks/chunk-UAGCQF23.js";import{a as f}from"./chunks/chunk-LYYQAALT.js";import{a as I}from"./chunks/chunk-XSMCT4DF.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-T7WABJEJ.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 A,g as S,h as r,i as c,j as u,n as s,p as h,s as E}from"./chunks/chunk-XH6NREVZ.js";var Y=S`
+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`
   :host {
     display: block;
     width: 100%;
@@ -102,41 +102,41 @@ import{a as H,b as V}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunk
     #field-wrapper:focus-within {
     outline-color: var(--_errorColor);
   }
-  :host([variant="fill"]) {
+  :host([appearance="flat"]) {
     --_background: var(--field-background, var(--eun-content-hover, #edeff0));
   }
-  :host([variant="fill"]:not(:hover)) #country-trigger:not(:focus-visible),
-  :host([variant="fill"]:not(:hover)) #field-wrapper:not(:focus-within) {
+  :host([appearance="flat"]:not(:hover)) #country-trigger:not(:focus-visible),
+  :host([appearance="flat"]:not(:hover)) #field-wrapper:not(:focus-within) {
     border-color: transparent;
   }
-  :host([variant="fill"]) #country-trigger {
+  :host([appearance="flat"]) #country-trigger {
     border-inline-end: var(--eun-border-width-s, 1px) solid
       var(--eun-border-color, #dee0e7);
   }
-  :host([variant="fill"])
+  :host([appearance="flat"])
     #phone-group:has(#phone-field[aria-invalid="true"])
     #country-trigger,
-  :host([variant="fill"])
+  :host([appearance="flat"])
     #phone-group:has(#phone-field[aria-invalid="true"])
     #field-wrapper {
     border-color: var(--_errorColor);
   }
-  :host([variant="underline"]) #country-trigger,
-  :host([variant="underline"]) #field-wrapper {
+  :host([appearance="underline"]) #country-trigger,
+  :host([appearance="underline"]) #field-wrapper {
     border: none;
     outline: none;
     border-bottom: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
     border-radius: 0;
   }
-  :host([variant="underline"]) #country-trigger {
+  :host([appearance="underline"]) #country-trigger {
     border-inline-end: var(--eun-border-width-s, 1px) solid
       var(--eun-border-color, #dee0e7);
   }
-  :host([variant="underline"]) #field-wrapper {
+  :host([appearance="underline"]) #field-wrapper {
     margin-inline-start: 0;
   }
-  :host([variant="underline"]) #country-trigger:focus-visible,
-  :host([variant="underline"]) #field-wrapper:focus-within {
+  :host([appearance="underline"]) #country-trigger:focus-visible,
+  :host([appearance="underline"]) #field-wrapper:focus-within {
     outline: none;
   }
   .dial-code-prefix {
@@ -192,7 +192,7 @@ import{a as H,b as V}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunk
   .country-dial-code {
     color: var(--_placeholderColor);
   }
-`,K=[k,H,...f?[]:[V],Y];var p=[{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(t){return p.find(a=>a.iso===t)?.dialCode}function m(t){return p.find(a=>a.iso===t)?.nationalLength}function w(t){if(!t||t.length!==2)return"";let a=[...t.toUpperCase()].map(i=>127462+(i.charCodeAt(0)-65));return String.fromCodePoint(...a)}var W=new Map;function D(t,a="en"){try{let i=W.get(a);return i||(i=new Intl.DisplayNames([a],{type:"region"}),W.set(a,i)),i.of(t)??t}catch{return t}}function v(t){return t.replace(/^0/,"")}function b(t){if(!t)return"";let a=[],i=0;for(t.length%2===1&&(a.push(t.slice(0,1)),i=1);i<t.length;i+=2)a.push(t.slice(i,i+2));return a.join(" ")}function y(t,a){let i=C(t);return!i||!a?"":`+${i}${a}`}function U(t,a){let i=a.replace(/\D/g,""),e=C(t);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=>p.find(n=>n.iso===e)).filter(e=>!!e):p}get filteredCountries(){let i=this.availableCountries,e=this.countryQuery.trim().toLowerCase();return e?i.filter(({iso:n,dialCode:d})=>D(n,this.locale).toLowerCase().includes(e)||d.includes(e)):i}updated(i){super.updated(i),i.has("value")&&y(this.country,v(this.nationalDigits))!==this.value&&(this.nationalDigits=this.value?U(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 n=e.endsWith("ms")?Number.parseFloat(e):Number.parseFloat(e)*1e3;if(Number.isFinite(n)&&n>=0)return n}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 n=i.animate([{opacity:1,transform:"scaleY(1)"},{opacity:0,transform:"scaleY(0.01)"}],{duration:e,easing:"ease",fill:"forwards"});this.listboxAnimation=n,n.finished.then(()=>{this.listboxAnimation===n&&(this.listboxAnimation=void 0),i.hidePopover()}).catch(()=>{})}handleTriggerClick(){this.isOpen||this.openListbox()}handlePhoneInput(i){let e=i.target,n=e.value.replace(/\D/g,""),d=n.startsWith("0"),g=v(n),_=C(this.country)?.length??0,P=m(this.country)??Math.max(0,15-_),M=g.slice(0,P);this.nationalDigits=(d?"0":"")+M;let T=b(this.nationalDigits);e.value!==T&&(e.value=T),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"),n=v(this.nationalDigits),d=m(i)??n.length,g=n.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) ${b(Q)}`}renderDialCodePrefix(){let i=C(this.country);return this.hideDialCode||!i?h:s`<span class="dial-code-prefix" aria-hidden="true"
+`,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"
       >+${i}</span
     >`}renderCountryTrigger(){return s`
       <button
@@ -229,7 +229,7 @@ import{a as H,b as V}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunk
             @keydown=${this.handleCountryKeydown}
           />
         </li>
-        ${this.isOpen?i.length?i.map(({iso:e,dialCode:n},d)=>s`
+        ${this.isOpen?i.length?i.map(({iso:e,dialCode:t},d)=>s`
                   <li
                     id="listbox-option-${d}"
                     role="option"
@@ -244,7 +244,7 @@ import{a as H,b as V}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunk
                     <span class="country-name"
                       >${D(e,this.locale)}</span
                     >
-                    <span class="country-dial-code">+${n}</span>
+                    <span class="country-dial-code">+${t}</span>
                   </li>
                 `):s`<li
                 id="listbox-empty"
@@ -266,7 +266,7 @@ import{a as H,b as V}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunk
               type="tel"
               inputmode="numeric"
               autocomplete="tel-national"
-              .value=${b(this.nationalDigits)}
+              .value=${v(this.nationalDigits)}
               placeholder=${this.effectivePlaceholder}
               ?disabled=${this.disabled}
               ?readonly=${this.readonly}
@@ -279,4 +279,4 @@ import{a as H,b as V}from"./chunks/chunk-5XJGYXW7.js";import{a as B}from"./chunk
         ${this.hideCountrySelector?h:this.renderCountryListbox()}
         ${i}
       </div>
-    `}};o.styles=[K,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([u("#phone-field")],o.prototype,"fieldEl",2),l([u("#phone-group")],o.prototype,"phoneGroupEl",2),l([u("#listbox")],o.prototype,"listboxEl",2),l([u("#country-search")],o.prototype,"countrySearchEl",2),o=l([A(Z)],o);export{o as EunomiaInputPhone,Z as EunomiaInputPhoneTagName};
+    `}};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};

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

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-NHFWATVN.js";import"./chunks/chunk-E4IS25H7.js";import"./chunks/chunk-UAGCQF23.js";import"./chunks/chunk-L74LXUGL.js";import"./chunks/chunk-XSMCT4DF.js";import"./chunks/chunk-GW3VP2L7.js";import"./chunks/chunk-OAULRKHQ.js";import"./chunks/chunk-YYCEPZUN.js";import"./chunks/chunk-T7WABJEJ.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-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};

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

@@ -1,4 +1,4 @@
-import{a as s}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as i}from"./chunks/chunk-5EVP7YNE.js";import{a as p}from"./chunks/chunk-BKHD4S57.js";import{a as r,f as d,g as v,h as t,l as u,n,p as a,s as h}from"./chunks/chunk-XH6NREVZ.js";var k=v`
+import{a as u}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as C}from"./chunks/chunk-3MTUVMM5.js";import{a as y}from"./chunks/chunk-SJWRE6PW.js";import{a as d}from"./chunks/chunk-5EVP7YNE.js";import{a as _,b as x}from"./chunks/chunk-5GKM5DIB.js";import{a as r,b as s,c as p,d as v,f as k,g as b,h as n,l as g,n as l,p as c,s as m}from"./chunks/chunk-XH6NREVZ.js";var $=b`
   :host {
     --_color: var(--link-color, var(--eun-text-color, #071621));
     --_colorHover: var(
@@ -45,6 +45,12 @@ import{a as s}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
     display: inline-flex;
     flex-shrink: 0;
   }
+  #external-link-icon {
+    display: inline-flex;
+    flex-shrink: 0;
+    margin-inline-start: calc(-1 * var(--eun-space-xs, 4px));
+    transform: rotate(-45deg);
+  }
   #link {
     display: inline-flex;
     align-items: center;
@@ -114,8 +120,87 @@ import{a as s}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
     --icon-color: var(--link-icon-color, var(--_colorCurrent));
   }
 
+  #link.slotted-link {
+    position: relative;
+    text-decoration: none;
+    cursor: auto;
+  }
+  ::slotted(a)::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+  }
+  ::slotted(a) {
+    color: var(--_color);
+    font: inherit;
+    text-decoration: var(--_textDecoration);
+    text-wrap: pretty;
+    border-radius: var(--link-border-radius, var(--eun-border-radius-m, 8px));
+    transition:
+      color 0.3s ease-out,
+      background-color 0.3s ease-out,
+      text-decoration-color 0.3s ease-out;
+  }
+  ::slotted(a:visited) {
+    color: var(--_colorVisited);
+    text-decoration-color: var(--_colorVisited);
+  }
+  ::slotted(a:visited:hover) {
+    color: var(--_colorVisitedHover);
+    text-decoration-color: var(--_colorVisitedHover);
+  }
+  :host([visited-style="off"]) ::slotted(a:visited) {
+    color: var(--_color);
+    text-decoration-color: currentColor;
+  }
+  :host([visited-style="off"]) ::slotted(a:visited:hover) {
+    color: var(--_colorHover);
+    text-decoration-color: currentColor;
+  }
+  :host([visited-style="on"]) ::slotted(a) {
+    color: var(--_colorVisited);
+    text-decoration-color: var(--_colorVisited);
+  }
+  :host([visited-style="on"]) ::slotted(a:hover) {
+    color: var(--_colorVisitedHover);
+    text-decoration-color: var(--_colorVisitedHover);
+  }
+  ::slotted(a:hover) {
+    color: var(--_colorHover);
+  }
+  #link.slotted-link:hover {
+    --icon-color: var(--link-icon-color, var(--_colorHover));
+  }
+  ::slotted(a:focus-visible) {
+    color: var(--_colorHover) !important;
+    text-decoration: none;
+    outline: none !important;
+  }
+  :host(:state(focus-visible)) #link.slotted-link {
+    background: var(
+      --link-background-focus,
+      var(--link-background, transparent)
+    );
+    outline-color: var(--_colorFocus);
+    outline-offset: 2px;
+    --icon-color: var(--link-icon-color, var(--_colorHover));
+  }
+  :host([current]) ::slotted(a),
+  :host([current]) ::slotted(a:visited),
+  :host([current]) ::slotted(a:hover),
+  :host([current]) ::slotted(a:visited:hover),
+  :host([current]) ::slotted(a:focus-visible) {
+    color: var(--_colorCurrent) !important;
+    text-decoration-color: var(--_colorCurrent);
+  }
+  :host([current]) #link.slotted-link {
+    --icon-color: var(--link-icon-color, var(--_colorCurrent));
+  }
+
   @media (prefers-reduced-motion: reduce) {
-    #link {
+    #link,
+    ::slotted(a) {
       transition: none;
     }
   }
@@ -131,28 +216,41 @@ import{a as s}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js
     white-space: nowrap;
     border: 0;
   }
-`,f=k;var b="eun-link",o=class extends h{constructor(){super();this.target="_self";this.theme="light";this.visitedStyle="auto";this.current=!1;this.handleIconSlotChange=()=>{this.requestUpdate()};typeof this.attachInternals=="function"&&(this.internals=this.attachInternals())}get states(){return this.internals?.states}static get observedAttributes(){return[...super.observedAttributes,"visitedstyle"]}attributeChangedCallback(e,l,c){if(e==="visitedstyle"){this.visitedStyle=c??"auto";return}super.attributeChangedCallback(e,l,c)}handleFocus(e){e.currentTarget.matches(":focus-visible")&&this.states?.add("focus-visible")}handleBlur(){this.states?.delete("focus-visible")}handleClick(e){p(this,e,this.href,this.target)}render(){let e=this.target==="_blank",l=!!this.icon||this.iconSlotEls?.length>0;return n`
+`,H=$;var S="eun-link",e,h,t=class extends y(m){constructor(){super();this.target="_self";this.theme="light";this.visitedStyle="auto";this.current=!1;p(this,e);p(this,h,new C(this,()=>this.slottedAnchor,()=>this.dictionary.link.opensInNewTab));this.handleDefaultSlotChange=()=>{this.requestUpdate()};this.handleSlottedFocusIn=o=>{let i=o.target;i===this.slottedAnchor&&i.matches(":focus-visible")&&this.states?.add("focus-visible")};this.handleSlottedFocusOut=o=>{o.target===this.slottedAnchor&&this.states?.delete("focus-visible")};this.handleIconSlotChange=()=>{this.requestUpdate()};typeof this.attachInternals=="function"&&(this.internals=this.attachInternals())}get states(){return this.internals?.states}static get observedAttributes(){return[...super.observedAttributes,"visitedstyle"]}attributeChangedCallback(o,i,a){if(o==="visitedstyle"){this.visitedStyle=a??"auto";return}super.attributeChangedCallback(o,i,a)}get slottedAnchor(){return this.href?null:this.querySelector(":scope > a")}connectedCallback(){super.connectedCallback(),this.addEventListener("focusin",this.handleSlottedFocusIn),this.addEventListener("focusout",this.handleSlottedFocusOut)}disconnectedCallback(){this.removeEventListener("focusin",this.handleSlottedFocusIn),this.removeEventListener("focusout",this.handleSlottedFocusOut),super.disconnectedCallback()}updated(o){super.updated(o),this.syncSlottedAnchor()}syncSlottedAnchor(){let o=this.slottedAnchor;s(this,e)&&s(this,e)!==o&&(s(this,e).removeAttribute("aria-current"),v(this,e,void 0)),o&&(x(this),this.current?(o.setAttribute("aria-current","page"),v(this,e,o)):s(this,e)===o&&(o.removeAttribute("aria-current"),v(this,e,void 0)))}handleFocus(o){o.currentTarget.matches(":focus-visible")&&this.states?.add("focus-visible")}handleBlur(){this.states?.delete("focus-visible")}handleClick(o){_(this,o,this.href,this.target)}renderExternalLinkIcon(){return l`<span id="external-link-icon">
+      <eun-icon name="arrow_forward" shape="round" size="14"></eun-icon>
+    </span>`}render(){let o=this.target==="_blank",i=!!this.icon||this.iconSlotEls?.length>0,a=l`<slot
+      name="icon"
+      class=${u({"has-icon":i})}
+      @slotchange=${this.handleIconSlotChange}
+    >
+      ${this.icon?l`<eun-icon name=${this.icon} size="18"></eun-icon>`:c}
+    </slot>`;if(this.slottedAnchor)return l`
+        <span
+          id="link"
+          part="link"
+          class=${u({"has-icon":i,"slotted-link":!0})}
+        >
+          ${a}
+          <slot @slotchange=${this.handleDefaultSlotChange}></slot>
+          ${s(this,h).isBlank?this.renderExternalLinkIcon():c}
+        </span>
+      `;let f=`(${this.dictionary.link.opensInNewTab})`;return l`
       <a
         id="link"
         part="link"
-        class=${s({"has-icon":l})}
-        href=${i(this.href)}
+        class=${u({"has-icon":i})}
+        href=${d(this.href)}
         target=${this.target}
-        aria-current=${i(this.current?"page":void 0)}
-        rel=${i(e?"noopener noreferrer":void 0)}
-        aria-label=${i(e&&this.ariaLabel?`${this.ariaLabel} (opens in a new tab)`:this.ariaLabel??void 0)}
+        aria-current=${d(this.current?"page":void 0)}
+        rel=${d(o?"noopener noreferrer":void 0)}
+        aria-label=${d(o&&this.ariaLabel?`${this.ariaLabel} ${f}`:this.ariaLabel??void 0)}
         @click=${this.handleClick}
         @focus=${this.handleFocus}
         @blur=${this.handleBlur}
       >
-        <slot
-          name="icon"
-          class=${s({"has-icon":l})}
-          @slotchange=${this.handleIconSlotChange}
-        >
-          ${this.icon?n`<eun-icon name=${this.icon} size="18"></eun-icon>`:a}
-        </slot>
-        <slot></slot>
-        ${e&&!this.ariaLabel?n`<span class="sr-only"> (opens in a new tab)</span>`:a}
+        ${a}
+        <slot @slotchange=${this.handleDefaultSlotChange}></slot>
+        ${o&&!this.ariaLabel?l`<span class="sr-only"> ${f}</span>`:c}
+        ${o?this.renderExternalLinkIcon():c}
       </a>
-    `}};o.styles=f,r([t()],o.prototype,"href",2),r([t()],o.prototype,"target",2),r([t()],o.prototype,"icon",2),r([t({reflect:!0})],o.prototype,"theme",2),r([t({reflect:!0,attribute:"visited-style"})],o.prototype,"visitedStyle",2),r([t({type:Boolean,reflect:!0})],o.prototype,"current",2),r([u({slot:"icon"})],o.prototype,"iconSlotEls",2),o=r([d(b)],o);export{o as EunomiaLink,b as EunomiaLinkTagName};
+    `}};e=new WeakMap,h=new WeakMap,t.styles=H,r([n()],t.prototype,"href",2),r([n()],t.prototype,"target",2),r([n()],t.prototype,"icon",2),r([n({reflect:!0,converter:{toAttribute:o=>o==="light"?null:o}})],t.prototype,"theme",2),r([n({reflect:!0,attribute:"visited-style",converter:{toAttribute:o=>o==="auto"?null:o}})],t.prototype,"visitedStyle",2),r([n({type:Boolean,reflect:!0})],t.prototype,"current",2),r([g({slot:"icon"})],t.prototype,"iconSlotEls",2),t=r([k(S)],t);export{t as EunomiaLink,S as EunomiaLinkTagName};