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

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

@@ -1,4 +1,4 @@
-import{a as W,b as H}from"./chunks/chunk-32KRPOPV.js";import{a as B}from"./chunks/chunk-LK5BJ4SH.js";import{a as k}from"./chunks/chunk-6UPI7GHJ.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-KNM5QHDK.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%;
@@ -17,7 +17,7 @@ import{a as W,b as H}from"./chunks/chunk-32KRPOPV.js";import{a as B}from"./chunk
     flex-shrink: 0;
     padding: var(--eun-space-xs, 4px) var(--eun-space-s, 8px);
     background-color: var(--_background);
-    border: var(--eun-borderWidth-m, 1.5px) solid var(--_borderColor);
+    border: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
     border-inline-end: none;
     border-radius: var(--_borderRadius) 0 0 var(--_borderRadius);
     outline: 1px solid transparent;
@@ -38,7 +38,7 @@ import{a as W,b as H}from"./chunks/chunk-32KRPOPV.js";import{a as B}from"./chunk
     outline-offset: 0;
   }
   .flag {
-    font-size: var(--eun-fontSize-m, 16px);
+    font-size: var(--eun-font-size-m, 16px);
     line-height: 1;
   }
   #field-wrapper {
@@ -51,7 +51,7 @@ import{a as W,b as H}from"./chunks/chunk-32KRPOPV.js";import{a as B}from"./chunk
     margin-inline-start: -1px;
     color: var(--_textColor);
     background-color: var(--_background);
-    border: var(--eun-borderWidth-m, 1.5px) solid var(--_borderColor);
+    border: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
     border-radius: 0 var(--_borderRadius) var(--_borderRadius) 0;
     outline: 1px solid transparent;
     box-sizing: border-box;
@@ -102,41 +102,41 @@ import{a as W,b as H}from"./chunks/chunk-32KRPOPV.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 {
-    border-inline-end: var(--eun-borderWidth-s, 1px) solid
+  :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-borderWidth-m, 1.5px) solid var(--_borderColor);
+    border-bottom: var(--eun-border-width-m, 1.5px) solid var(--_borderColor);
     border-radius: 0;
   }
-  :host([variant="underline"]) #country-trigger {
-    border-inline-end: var(--eun-borderWidth-s, 1px) solid
+  :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 {
@@ -174,7 +174,7 @@ import{a as W,b as H}from"./chunks/chunk-32KRPOPV.js";import{a as B}from"./chunk
     color: var(--_textColor);
     background: var(--eun-content-hover, #edeff0);
     border: none;
-    border-radius: var(--eun-borderRadius-s, 5px);
+    border-radius: var(--eun-border-radius-s, 5px);
     padding: var(--eun-space-xs, 4px) var(--eun-space-s, 8px);
     outline: 1px solid transparent;
   }
@@ -192,7 +192,7 @@ import{a as W,b as H}from"./chunks/chunk-32KRPOPV.js";import{a as B}from"./chunk
   .country-dial-code {
     color: var(--_placeholderColor);
   }
-`,V=[k,W,...f?[]:[H],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 D(t){if(!t||t.length!==2)return"";let a=[...t.toUpperCase()].map(i=>127462+(i.charCodeAt(0)-65));return String.fromCodePoint(...a)}var K=new Map;function M(t,a="en"){try{let i=K.get(a);return i||(i=new Intl.DisplayNames([a],{type:"region"}),K.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})=>M(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-_),w=g.slice(0,P);this.nationalDigits=(d?"0":"")+w;let T=b(this.nationalDigits);e.value!==T&&(e.value=T),this.value=y(this.country,w),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
@@ -207,7 +207,7 @@ import{a as W,b as H}from"./chunks/chunk-32KRPOPV.js";import{a as B}from"./chunk
         @click=${this.handleTriggerClick}
       >
         <span class="flag" aria-hidden="true"
-          >${D(this.country)||z}</span
+          >${w(this.country)||z}</span
         >
       </button>
     `}renderCountryListbox(){let i=this.isOpen?this.filteredCountries:[];return s`
@@ -229,7 +229,7 @@ import{a as W,b as H}from"./chunks/chunk-32KRPOPV.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"
@@ -239,12 +239,12 @@ import{a as W,b as H}from"./chunks/chunk-32KRPOPV.js";import{a as B}from"./chunk
                     @mouseenter=${()=>{this.highlightedIndex=d}}
                   >
                     <span class="flag" aria-hidden="true"
-                      >${D(e)}</span
+                      >${w(e)}</span
                     >
                     <span class="country-name"
-                      >${M(e,this.locale)}</span
+                      >${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 W,b as H}from"./chunks/chunk-32KRPOPV.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 W,b as H}from"./chunks/chunk-32KRPOPV.js";import{a as B}from"./chunk
         ${this.hideCountrySelector?h:this.renderCountryListbox()}
         ${i}
       </div>
-    `}};o.styles=[V,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-53QH6MPM.js";import"./chunks/chunk-E4IS25H7.js";import"./chunks/chunk-6UPI7GHJ.js";import"./chunks/chunk-L74LXUGL.js";import"./chunks/chunk-XSMCT4DF.js";import"./chunks/chunk-GW3VP2L7.js";import"./chunks/chunk-KNM5QHDK.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-label.js

@@ -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-fontSize-s, 14px);
-    font-weight: var(--eun-fontWeight-l, 700);
+    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-fontSize-xs, 12px);
+    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-fontSize-s, 10px);
+    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}>

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

@@ -1,4 +1,4 @@
-import{a}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import{a as h}from"./chunks/chunk-BKHD4S57.js";import{a as l}from"./chunks/chunk-5EVP7YNE.js";import{a as r,f as s,g as d,h as e,l as v,n as t,p as n,s as p}from"./chunks/chunk-XH6NREVZ.js";var f=d`
+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(
@@ -17,10 +17,15 @@ import{a}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";imp
       --link-color-visited-hover,
       color-mix(in srgb, var(--_colorVisited) 80%, black)
     );
+    --_colorCurrent: var(
+      --link-color-current,
+      var(--eun-color-primary-500, #3d6fff)
+    );
     --_textDecoration: var(--link-text-decoration, underline);
     --_iconColor: var(--link-icon-color, var(--_color));
     --icon-color: var(--_iconColor);
     font-size: var(--link-font-size, unset);
+    line-height: var(--link-line-height, inherit);
     display: inline-flex;
     align-items: center;
   }
@@ -40,6 +45,12 @@ import{a}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";imp
     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;
@@ -50,7 +61,7 @@ import{a}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";imp
     font: inherit;
     text-decoration: var(--_textDecoration);
     text-wrap: pretty;
-    border-radius: var(--link-border-radius, var(--eun-borderRadius-m, 8px));
+    border-radius: var(--link-border-radius, var(--eun-border-radius-m, 8px));
     cursor: pointer;
     outline: 2px solid transparent;
     transition:
@@ -99,8 +110,97 @@ import{a}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";imp
     --icon-color: var(--link-icon-color, var(--_colorHover));
   }
 
+  :host([current]) #link,
+  :host([current]) #link:visited,
+  :host([current]) #link:hover,
+  :host([current]) #link:visited:hover,
+  :host([current]) #link:focus-visible {
+    color: var(--_colorCurrent) !important;
+    text-decoration-color: var(--_colorCurrent);
+    --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;
     }
   }
@@ -116,25 +216,41 @@ import{a}from"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";imp
     white-space: nowrap;
     border: 0;
   }
-`,u=f;var k="eun-link",o=class extends p{constructor(){super(...arguments);this.target="_self";this.theme="light";this.visitedStyle="auto";this.handleIconSlotChange=()=>{this.requestUpdate()}}handleClick(i){h(this,i,this.href,this.target)}render(){let i=this.target==="_blank",c=!!this.icon||this.iconSlotEls?.length>0;return t`
+`,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=${a({"has-icon":c})}
-        href=${l(this.href)}
+        class=${u({"has-icon":i})}
+        href=${d(this.href)}
         target=${this.target}
-        rel=${l(i?"noopener noreferrer":void 0)}
-        aria-label=${l(i&&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=${a({"has-icon":c})}
-          @slotchange=${this.handleIconSlotChange}
-        >
-          ${this.icon?t`<eun-icon name=${this.icon} size="18"></eun-icon>`:n}
-        </slot>
-        <slot></slot>
-        ${i&&!this.ariaLabel?t`<span class="sr-only"> (opens in a new tab)</span>`:n}
+        ${a}
+        <slot @slotchange=${this.handleDefaultSlotChange}></slot>
+        ${o&&!this.ariaLabel?l`<span class="sr-only"> ${f}</span>`:c}
+        ${o?this.renderExternalLinkIcon():c}
       </a>
-    `}};o.styles=u,r([e()],o.prototype,"href",2),r([e()],o.prototype,"target",2),r([e()],o.prototype,"icon",2),r([e({reflect:!0})],o.prototype,"theme",2),r([e({reflect:!0,attribute:"visited-style"})],o.prototype,"visitedStyle",2),r([v({slot:"icon"})],o.prototype,"iconSlotEls",2),o=r([s(k)],o);export{o as EunomiaLink,k 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};

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

@@ -1 +1 @@
-import{a,b}from"./chunks/chunk-O2HNWH65.js";import"./chunks/chunk-MMLIPCOY.js";import"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaLoader,a as EunomiaLoaderTagName};
+import{a,b}from"./chunks/chunk-5XJLIHAU.js";import"./chunks/chunk-MMLIPCOY.js";import"./chunks/chunk-A4EQSU36.js";import"./chunks/chunk-SGM2X2TC.js";import"./chunks/chunk-5EVP7YNE.js";import"./chunks/chunk-XH6NREVZ.js";export{b as EunomiaLoader,a as EunomiaLoaderTagName};

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

@@ -1,4 +1,4 @@
-import{a as m,b as h,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as n}from"./chunks/chunk-5EVP7YNE.js";import{a as i,f as d,g as p,h as o,i as u,j as s,n as a,p as r,s as f}from"./chunks/chunk-XH6NREVZ.js";var l=class c extends Event{static{this.eventName="eunconfirm"}constructor(){super(c.eventName,{bubbles:!0,composed:!0,cancelable:!0})}};var y=p`
+import{a as m,b as h,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"./chunks/chunk-N6ZW5CDN.js";import"./chunks/chunk-RIFF2D2F.js";import"./chunks/chunk-UDOZRIJZ.js";import{a as n}from"./chunks/chunk-5EVP7YNE.js";import{a as t,f as d,g as p,h as r,i as u,j as s,n as i,p as a,s as f}from"./chunks/chunk-XH6NREVZ.js";var l=class c extends Event{static{this.eventName="eunconfirm"}constructor(){super(c.eventName,{bubbles:!0,composed:!0,cancelable:!0})}};var C=p`
   :host {
     display: contents;
   }
@@ -28,7 +28,7 @@ import{a as m,b as h,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
     color: var(--eun-text-color, #071621);
     font-family: var(--eun-font-family, "Mulish", sans-serif);
     border: none;
-    border-radius: var(--modal-border-radius, var(--eun-borderRadius-l, 12px));
+    border-radius: var(--modal-border-radius, var(--eun-border-radius-l, 12px));
     box-shadow: var(
       --eun-shadow-l,
       rgba(0, 0, 0, 0.1) 0 10px 15px -3px,
@@ -96,26 +96,26 @@ import{a as m,b as h,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
     flex: 1 1 auto;
     min-height: 0;
     overflow-y: auto;
-    font-size: var(--eun-fontSize-s, 14px);
+    font-size: var(--eun-font-size-s, 14px);
   }
   #header {
     flex: none;
     padding-bottom: var(--modal-gap, var(--eun-space-s, 8px));
     border-bottom: var(
       --modal-header-border,
-      var(--eun-borderWidth-m, 1.5px) solid var(--eun-border-color, #dee0e7)
+      var(--eun-border-width-m, 1.5px) solid var(--eun-border-color, #dee0e7)
     );
   }
   #heading {
     margin: 0;
     padding-inline-end: var(--eun-space-l, 32px);
-    font-size: var(--eun-fontSize-l, 18px);
-    font-weight: var(--eun-fontWeight-l, 700);
+    font-size: var(--eun-font-size-l, 18px);
+    font-weight: var(--eun-font-weight-l, 700);
     color: var(--eun-text-color, #071621);
   }
   #description {
     margin: var(--eun-space-xs, 4px) 0 0;
-    font-size: var(--eun-fontSize-s, 14px);
+    font-size: var(--eun-font-size-s, 14px);
     color: var(--eun-text-secondary, #484e61);
   }
   #actions {
@@ -134,26 +134,26 @@ import{a as m,b as h,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
       transition-duration: 0.01ms;
     }
   }
-`,g=y;var C="eun-modal",e=class extends v(f){constructor(){super(...arguments);this.open=!1;this.kind="dialog";this.closeOnBackdrop=!0;this.dirty=!1;this.hideActions=!1;this.closeable=!0;this.cancelLabel="Cancel";this.confirmLabel="Confirm";this.confirmVariant="primary";this.ariaLabelClose="Close";this.confirmCloseHeading="Discard changes?";this.confirmCloseDescription="You have unsaved changes. This action can't be undone.";this.confirmCloseCancelLabel="Keep editing";this.confirmCloseConfirmLabel="Discard";this.mountConfirmModal=!1;this.handleDiscardConfirmed=t=>{t.stopPropagation(),this.confirmDiscard()};this.stopDialogPropagation=t=>{t.stopPropagation()};this.handleToggle=t=>{let x=t;if(this.syncingFromPopover=!0,this.open=x.newState==="open",this.syncingFromPopover=!1,this.open){this.openDialogSurface({surfaceEl:this.surfaceEl,onEscape:()=>this.requestClose(),onOutsideClick:()=>{this.closeOnBackdrop&&this.requestClose()}}),this.updateComplete.then(()=>this.focusInitialElement());return}this.closeDialogSurface()};this.handleCommandEvent=t=>{b(t,this)}}willUpdate(t){t.has("dirty")&&this.dirty&&(this.mountConfirmModal=!0)}updated(t){super.updated(t),t.has("open")&&this.syncPopoverOpenState(this.open,this.surfaceEl)}connectedCallback(){super.connectedCallback?.(),this.addEventListener("command",this.handleCommandEvent)}disconnectedCallback(){this.removeEventListener("command",this.handleCommandEvent),this.teardownDialogSurface(this.open),super.disconnectedCallback?.()}show(){this.open=!0}hide(){this.open=!1}confirm(){let t=new l;this.dispatchEvent(t),t.defaultPrevented||(this.open=!1)}cancel(){let t=new m;this.dispatchEvent(t),t.defaultPrevented||(this.open=!1)}requestClose(){if(this.dirty){let t=new h;this.dispatchEvent(t),t.defaultPrevented||this.confirmCloseModalEl?.show();return}this.cancel()}confirmDiscard(){this.dirty=!1,this.cancel()}focusInitialElement(){let t=this.querySelector("[autofocus]");if(t){t.focus();return}if(!this.hideActions){this.cancelButtonEl?.focus();return}this.surfaceEl?.focus()}renderHeader(){return!this.heading&&!this.description?r:a`
+`,g=C;var y="eun-modal",e=class extends v(f){constructor(){super(...arguments);this.open=!1;this.kind="dialog";this.closeOnBackdrop=!0;this.dirty=!1;this.hideActions=!1;this.closeable=!0;this.cancelLabel="Cancel";this.confirmLabel="Confirm";this.confirmColor="primary";this.ariaLabelClose="Close";this.confirmCloseHeading="Discard changes?";this.confirmCloseDescription="You have unsaved changes. This action can't be undone.";this.confirmCloseCancelLabel="Keep editing";this.confirmCloseConfirmLabel="Discard";this.mountConfirmModal=!1;this.handleDiscardConfirmed=o=>{o.stopPropagation(),this.confirmDiscard()};this.stopDialogPropagation=o=>{o.stopPropagation()};this.handleToggle=o=>{let x=o;if(this.syncingFromPopover=!0,this.open=x.newState==="open",this.syncingFromPopover=!1,this.open){this.openDialogSurface({surfaceEl:this.surfaceEl,onEscape:()=>this.requestClose(),onOutsideClick:()=>{this.closeOnBackdrop&&this.requestClose()}}),this.updateComplete.then(()=>this.focusInitialElement());return}this.closeDialogSurface()};this.handleCommandEvent=o=>{b(o,this)}}willUpdate(o){o.has("dirty")&&this.dirty&&(this.mountConfirmModal=!0)}updated(o){super.updated(o),o.has("open")&&this.syncPopoverOpenState(this.open,this.surfaceEl)}connectedCallback(){super.connectedCallback?.(),this.addEventListener("command",this.handleCommandEvent)}disconnectedCallback(){this.removeEventListener("command",this.handleCommandEvent),this.teardownDialogSurface(this.open),super.disconnectedCallback?.()}show(){this.open=!0}hide(){this.open=!1}confirm(){let o=new l;this.dispatchEvent(o),o.defaultPrevented||(this.open=!1)}cancel(){let o=new m;this.dispatchEvent(o),o.defaultPrevented||(this.open=!1)}requestClose(){if(this.dirty){let o=new h;this.dispatchEvent(o),o.defaultPrevented||this.confirmCloseModalEl?.show();return}this.cancel()}confirmDiscard(){this.dirty=!1,this.cancel()}focusInitialElement(){let o=this.querySelector("[autofocus]");if(o){o.focus();return}if(!this.hideActions){this.cancelButtonEl?.focus();return}this.surfaceEl?.focus()}renderHeader(){return!this.heading&&!this.description?a:i`
       <div id="header">
-        ${this.heading?a`<h2 id="heading">${this.heading}</h2>`:r}
-        ${this.description?a`<p id="description">${this.description}</p>`:r}
+        ${this.heading?i`<h2 id="heading">${this.heading}</h2>`:a}
+        ${this.description?i`<p id="description">${this.description}</p>`:a}
       </div>
-    `}renderConfirmCloseModal(){return a`
+    `}renderConfirmCloseModal(){return i`
       <eun-modal
         id="confirm-close-modal"
         kind="alert"
         heading=${this.confirmCloseHeading}
         cancel-label=${this.confirmCloseCancelLabel}
         confirm-label=${this.confirmCloseConfirmLabel}
-        confirm-variant="critical"
+        confirm-color="critical"
         @eunconfirm=${this.handleDiscardConfirmed}
         @euncancel=${this.stopDialogPropagation}
       >
-        ${this.confirmCloseDescription?a`<p>${this.confirmCloseDescription}</p>`:r}
+        ${this.confirmCloseDescription?i`<p>${this.confirmCloseDescription}</p>`:a}
         <slot name="confirm-close"></slot>
       </eun-modal>
-    `}render(){return a`
+    `}render(){return i`
       <div
         id="surface"
         popover="manual"
@@ -165,7 +165,7 @@ import{a as m,b as h,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
         tabindex="-1"
         @toggle=${this.handleToggle}
       >
-        ${this.closeable?a`
+        ${this.closeable?i`
               <eun-button
                 id="close-button"
                 appearance="ghost"
@@ -176,23 +176,23 @@ import{a as m,b as h,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
               >
                 <eun-icon name="close" size="16"></eun-icon>
               </eun-button>
-            `:r}
+            `:a}
         ${this.renderHeader()}
         <div id="body">
           <slot></slot>
         </div>
-        ${this.hideActions?r:a`
+        ${this.hideActions?a:i`
               <div id="actions">
                 <slot name="footer">
                   <eun-button
                     id="cancel-button"
                     appearance="ghost"
-                    variant=${n(this.cancelVariant)}
+                    color=${n(this.cancelColor)}
                     @click=${()=>this.requestClose()}
                     >${this.cancelLabel}</eun-button
                   >
                   <eun-button
-                    variant=${this.confirmVariant}
+                    color=${this.confirmColor}
                     @click=${()=>this.confirm()}
                     >${this.confirmLabel}</eun-button
                   >
@@ -200,5 +200,5 @@ import{a as m,b as h,c as b}from"./chunks/chunk-6VK6SHCG.js";import{a as v}from"
               </div>
             `}
       </div>
-      ${this.mountConfirmModal?this.renderConfirmCloseModal():r}
-    `}};e.styles=g,i([o({type:Boolean,reflect:!0})],e.prototype,"open",2),i([o()],e.prototype,"heading",2),i([o()],e.prototype,"description",2),i([o({reflect:!0})],e.prototype,"kind",2),i([o({type:Boolean,attribute:"close-on-backdrop"})],e.prototype,"closeOnBackdrop",2),i([o({type:Boolean,reflect:!0})],e.prototype,"dirty",2),i([o({type:Boolean,attribute:"hide-actions"})],e.prototype,"hideActions",2),i([o({type:Boolean,reflect:!0})],e.prototype,"closeable",2),i([o({attribute:"cancel-label"})],e.prototype,"cancelLabel",2),i([o({attribute:"confirm-label"})],e.prototype,"confirmLabel",2),i([o({attribute:"confirm-variant"})],e.prototype,"confirmVariant",2),i([o({attribute:"cancel-variant"})],e.prototype,"cancelVariant",2),i([o({attribute:"aria-label-close"})],e.prototype,"ariaLabelClose",2),i([o({attribute:"confirm-close-heading"})],e.prototype,"confirmCloseHeading",2),i([o({attribute:"confirm-close-description"})],e.prototype,"confirmCloseDescription",2),i([o({attribute:"confirm-close-cancel-label"})],e.prototype,"confirmCloseCancelLabel",2),i([o({attribute:"confirm-close-confirm-label"})],e.prototype,"confirmCloseConfirmLabel",2),i([s("#surface")],e.prototype,"surfaceEl",2),i([s("#cancel-button")],e.prototype,"cancelButtonEl",2),i([s("#confirm-close-modal")],e.prototype,"confirmCloseModalEl",2),i([u()],e.prototype,"mountConfirmModal",2),e=i([d(C)],e);export{e as EunomiaModal,C as EunomiaModalTagName};
+      ${this.mountConfirmModal?this.renderConfirmCloseModal():a}
+    `}};e.styles=g,t([r({type:Boolean,reflect:!0})],e.prototype,"open",2),t([r()],e.prototype,"heading",2),t([r()],e.prototype,"description",2),t([r({reflect:!0})],e.prototype,"kind",2),t([r({type:Boolean,attribute:"close-on-backdrop"})],e.prototype,"closeOnBackdrop",2),t([r({type:Boolean,reflect:!0})],e.prototype,"dirty",2),t([r({type:Boolean,attribute:"hide-actions"})],e.prototype,"hideActions",2),t([r({type:Boolean,reflect:!0})],e.prototype,"closeable",2),t([r({attribute:"cancel-label"})],e.prototype,"cancelLabel",2),t([r({attribute:"confirm-label"})],e.prototype,"confirmLabel",2),t([r({attribute:"confirm-color"})],e.prototype,"confirmColor",2),t([r({attribute:"cancel-color"})],e.prototype,"cancelColor",2),t([r({attribute:"aria-label-close"})],e.prototype,"ariaLabelClose",2),t([r({attribute:"confirm-close-heading"})],e.prototype,"confirmCloseHeading",2),t([r({attribute:"confirm-close-description"})],e.prototype,"confirmCloseDescription",2),t([r({attribute:"confirm-close-cancel-label"})],e.prototype,"confirmCloseCancelLabel",2),t([r({attribute:"confirm-close-confirm-label"})],e.prototype,"confirmCloseConfirmLabel",2),t([s("#surface")],e.prototype,"surfaceEl",2),t([s("#cancel-button")],e.prototype,"cancelButtonEl",2),t([s("#confirm-close-modal")],e.prototype,"confirmCloseModalEl",2),t([u()],e.prototype,"mountConfirmModal",2),e=t([d(y)],e);export{e as EunomiaModal,y as EunomiaModalTagName};