https://www.harborn.com/_nuxt/cJWMmcJm.js

1import{_ as B}from"./BOSBS1yl.js";import{v as c,d as j,ap as D,f as l,g as F,m as r,t as b,e,j as s,am as I,n as k,an as M,x as N,k as O,p as w,h as _,aq as K,i as d,Q as T,ao as H}from"./BWVc8IJF.js";import{u as U,F as C,a as z,R as L,b as Q,M as R,d as G,c as J}from"./BKqQADc1.js";import{u as P}from"./3_wIpLzA.js";import{u as W}from"./CWULblP4.js";const X=c({firstname:"",company:"",email:"",subject:""});function E(){return{formData:X}}const Y=["for"],Z=j({__name:"FormInputField",props:{name:{type:String,required:!0},value:{type:String,default:""},type:{type:String,required:!0},rules:{type:Object,required:!1,default:()=>({})}},setup(m){U();const y=m,a=O(()=>y.name),{formData:g}=E(),i=D(a),p=({target:t})=>{g.value[t.name]=t.value};return(t,h)=>(l(),F("div",{class:N(["form-input",{"form-input--error":e(i)}])},[r("label",{class:"form-input__label",for:e(a)},b(t.$t(`contact.form.${e(a)}`)),9,Y),s(e(I),{id:e(a),name:e(a),value:m.value,type:m.type,rules:m.rules,class:"form-input__field",placeholder:t.$t(`contact.form.${e(a)}-placeholder`),onInput:p},null,8,["id","name","value","type","rules","placeholder"]),s(e(M),{name:e(a),as:"div",role:"alert"},{default:k(u=>[s(C,{message:u.message??""},null,8,["message"])]),_:1},8,["name"])],2))}}),v=Object.assign(w(Z,[["__scopeId","data-v-becda43d"]]),{__name:"FormInputField"}),ee={key:0,class:"form__inner grid-padding"},ae={class:"form__grid"},te={class:"form__grid--full"},se={class:"button button--form-submit",type:"submit"},oe={key:2,class:"form__footer-error"},ne={class:"button button--form-submit",type:"submit"},re=j({__name:"ContactForm",setup(m){const{handleButtonKeyboardNavigationUsed:y}=J(),{status:a,sendMessage:g}=z(),i=c(!1),p=c(!1),t=c(""),h=c(!1),u=c(!1),{formatObjectToStrongHTML:S}=P(),{formData:o}=E(),{appendRectangleAnimation:$}=W(),q=async()=>{h.value=!0;const n=document.getElementsByClassName("rectangle-animation__piece");await $(Array.from(n)),u.value=!0},V=async()=>{if(t.value===""){p.value=!0;return}if(i.value)return;i.value=!0;const n={firstname:o.value.firstname,company:o.value.company||"",email:o.value.email},f={captcha:t.value,from:"[email protected]",subject:o.value.subject,body:S(n)};await g(f),await q(),i.value=!1};return(n,f)=>{const x=B;return l(),_(e(H),{class:"form","data-test":"contact-form",onSubmit:V,onKeydown:T(e(y),["enter"])},{default:k(()=>[e(u)?d("",!0):(l(),F("div",ee,[r("h2",null,b(n.$t("contact.form.title")),1),r("div",ae,[s(v,{name:"firstname",value:e(o).firstname,type:"text",rules:{required:!0}},null,8,["value"]),s(v,{name:"email",value:e(o).email,type:"email",rules:{required:!0,email:!0}},null,8,["value"]),s(v,{name:"subject",value:e(o).subject,type:"text",rules:{required:!0},class:"form__grid--full"},null,8,["value"]),s(v,{name:"company",value:e(o).company,type:"text",class:"form__grid--full"},null,8,["value"]),r("div",te,[s(x,null,{default:k(()=>[s(L,{modelValue:e(t),"onUpdate:modelValue":f[0]||(f[0]=A=>K(t)?t.value=A:null)},null,8,["modelValue"])]),_:1}),e(p)?(l(),_(C,{key:0,message:n.$t("form.recaptcha-error")},null,8,["message"])):d("",!0)]),r("button",se,[r("span",null,b(n.$t("contact.form_button_send")),1)])])])),e(a)&&e(u)?(l(),_(Q,{key:1,class:"form-response","response-state":e(a),"background-color":e(a)===e(R).Error?"harborn-green":"harborn-black"},null,8,["response-state","background-color"])):d("",!0),e(a)===e(R).Error?(l(),F("div",oe,[r("button",ne,[r("span",null,b(n.$t("form.resend")),1)])])):d("",!0),e(u)?d("",!0):(l(),_(G,{key:3,"piece-color":"harborn-green","show-animation":e(h)},null,8,["show-animation"]))]),_:1},8,["onKeydown"])}}}),de=Object.assign(w(re,[["__scopeId","data-v-5e3a4af0"]]),{__name:"ContactForm"});export{de as default};