import{c9 as q,ca as E,cc as K}from"./entry.Cl0lw-TW.js";import M from"./UiOverlay.O-P0cS43.js";import{j as C,M as s,Q as l,Z as z,V as S,ac as F,a as k,k as b,b as I,$ as d,E as n,O as i,R as v,U as u,X as f,a8 as L,F as g,a3 as B,N as T,af as j,J as y}from"./swiper-vue.BZ1sAyau.js";import{o as H,a as J}from"./index.EzP2Q3t2.js";const Q=["id","aria-selected"],R=C({__name:"UiSelectOption",props:{value:{},selected:{type:Boolean,default:!1},isSelectOpen:{type:Boolean,default:!1},asDefaultValue:{type:Boolean,default:!1}},emits:["update"],setup(h,{emit:p}){const t=p;return(e,r)=>(s(),l("li",{id:e.value,role:"option",class:S(["UiSelectOption",{"is-active":e.selected,"is-open":e.isSelectOpen,"is-default-value":e.asDefaultValue}]),tabindex:"0","aria-selected":e.selected?"true":"false",onClick:r[0]||(r[0]=c=>t("update",e.value)),onKeyup:r[1]||(r[1]=F(c=>t("update",e.value),["space","enter"]))},[z(e.$slots,"default",{},void 0,!0)],42,Q))}}),$=q(R,[["__scopeId","data-v-53d120d8"]]),X=["data-testid"],Z={style:{position:"relative"}},x={key:0,class:"UiSelect__label"},A={class:"chevron-box"},G={class:"UiSelect__dropdown"},P={style:{maxHeight:"253px"},class:"UiSelect__options"},W={key:0,class:"error","data-testid":"error-message"},se=C({__name:"UiSelect",props:{options:{},label:{},inValid:{type:Boolean},required:{type:Boolean,default:!1},errorMessage:{},errors:{},modelValue:{},name:{default:""}},emits:["update:modelValue","change","blur"],setup(h,{emit:p}){const t=h,e=k(!1),r=()=>e.value=!e.value,c=a=>e.value=a,_=p,m=b({get(){return t.modelValue},set(a){_("change",a),_("update:modelValue",a)}}),O=b(()=>{var a;return(a=t.options.find(U=>U.value===t.modelValue))==null?void 0:a.label});I(e,a=>!a&&_("blur"));const V=k(null);return H(V,()=>c(!1)),J("Escape",()=>c(!1)),(a,U)=>{const w=E,N=M,D=K;return s(),l("div",{class:S([{"is-active":!!t.modelValue,"is-selected":!!m.value,"is-invalid":t.inValid,"is-required":t.required},"UiSelect"]),onClick:r,ref_key:"el",ref:V,"data-testid":`select-${t.name}`},[d("div",Z,[n($,{selected:!0,value:m.value,"is-select-open":e.value,"as-default-value":""},{default:i(()=>[v(u(O.value),1)]),_:1},8,["value","is-select-open"]),a.label?(s(),l("div",x,u(a.label),1)):f("",!0),d("div",A,[n(w,{icon:"chevron_down",size:"xs",pointer:"",color:e.value?"primary":"darkSecondary"},null,8,["color"])]),n(N,{ref:"overlay",visible:e.value,class:"UiSelect__overlay smartphone-only"},null,8,["visible"]),n(y,{name:"UiSelect"},{default:i(()=>[L(d("div",G,[d("ul",P,[(s(!0),l(g,null,B(t.options,o=>(s(),T($,{value:o.value,key:o.value,onUpdate:()=>m.value=o.value},{default:i(()=>[v(u(o.label),1)]),_:2},1032,["value","onUpdate"]))),128))]),n(D,{expand:"",color:"secondary",class:"cancel"},{default:i(()=>[v("Cancel")]),_:1})],512),[[j,e.value]])]),_:1})]),d("div",null,[n(y,{name:"sf-fade"},{default:i(()=>[t.inValid?(s(),l("span",W,u(a.errorMessage),1)):f("",!0)]),_:1}),n(y,{name:"sf-fade"},{default:i(()=>[t.inValid&&a.errors?(s(),l("div",{key:0,class:S(["errors",{error:a.errors&&a.errors.length===1}]),"data-testid":"errors-list"},[(s(!0),l(g,null,B(a.errors,o=>(s(),l("span",{key:o.$uid,class:"error-item","data-testid":"error-message"},u(o.$message),1))),128))],2)):f("",!0)]),_:1})])],10,X)}}});export{se as _};