import{u as h}from"./useValidatedFormField-Bu_5cfth.js";import{z as y}from"./vendor-vue-tel-input-BVrpclZy.js";import{d as v,a as _,f as C,i as V,j as g}from"./vendor-vue-runtime-core-DwK6Ry68.js";import{r as l,u as r}from"./vendor-vue-reactivity-CheHbvBM.js";import"./vendor-vue-runtime-dom-B2rky8vu.js";import"./vendor-vue-shared-DrzsEcag.js";const I={class:"ccb-field__input-wrapper"},j=v({__name:"Phone",props:{field:{}},emits:["update","country-changed"],setup(s,{emit:d}){const t=d,n=s,o=l(n.field),{onInput:i,onCountryChanged:p}=h(n,t),e=l(""),c={placeholder:o.value.placeholder},m=a=>{t("country-changed",a.iso2),setTimeout(()=>{p(e.value)},100)};return _(()=>{e.value=o.value.displayValue}),(a,u)=>(V(),C("div",I,[g(r(y),{onInput:r(i),mode:"international",modelValue:e.value,"onUpdate:modelValue":u[0]||(u[0]=f=>e.value=f),inputOptions:c,onCountryChanged:m,"default-country":o.value.defaultCountry},null,8,["onInput","modelValue","default-country"])]))}});export{j as default};
//# sourceMappingURL=Phone-BX_ZrOeX.js.map
