1import{X as N,r as m,u as R,ae as q,d as f,g as u,h as c,i as _,p as h,k as d,n as H,q as p,ag as w,al as z,e as o,y as k,b,F as M,m as O}from"./BoOVrCxe.js";import{_ as j}from"./C42vo53k.js";import{_ as I}from"./Ca8Ji0rK.js";const L={class:"container-small"},X={key:1,class:"mt-8 flex items-center"},G={class:"typo-body"},J={class:"sr-only","aria-live":"polite"},W=N({__name:"ContactForm",props:{blok:{}},setup(K){const v=m(null),r=m(null),i=m(null),y=e=>{r.value=e,i.value=null},g=()=>{r.value=null},C=e=>{setTimeout(()=>{e.elements$&&Object.values(e.elements$).forEach(l=>{if(l.$el&&typeof l.$el.querySelectorAll=="function"){const s=l.$el.querySelectorAll("input, textarea, button, select");s&&s.forEach(t=>{t.removeAttribute("aria-labelledby"),t.removeAttribute("aria-describedby")})}})},1500)},a=m(null),$=(e,l)=>{var t;a.value="loading";const s=e.data;s.success?(a.value="success",r.value=null,i.value=null,(t=v.value)==null||t.reset(),l.reset(),setTimeout(()=>{a.value=null},1e4)):s.errorType==="captcha"?(i.value=s.message||null,a.value=null):a.value="error"};return(e,l)=>{const s=w,t=b("HiddenElement"),E=b("StoryblokComponent"),B=j,S=b("ButtonElement"),V=b("Vueform"),F=I,T=z,A=q("editable");return R((o(),f("div",L,[e.blok.headline?(o(),u(s,{key:0,class:"mb-8 sm:mb-10",level:"h1",variant:"h1"},{default:d(()=>[k(p(e.blok.headline),1)]),_:1})):c("",!0),_(F,null,{default:d(()=>[_(V,{ref:"form$",class:"vg-form",endpoint:"/api/contact-form",method:"post",onMounted:C,onResponse:$},{default:d(()=>[e.blok.use_captcha?(o(),u(t,{key:0,meta:!0,name:"use_captcha","format-data":n=>({[n]:"true"})},null,8,["format-data"])):c("",!0),e.blok.use_captcha&&r.value?(o(),u(t,{key:1,meta:!0,name:"captcha_token","format-data":n=>({[n]:r.value})},null,8,["format-data"])):c("",!0),(o(!0),f(M,null,O(e.blok.form_elements,(n,D)=>(o(),u(E,{key:n._uid,blok:n,index:D},null,8,["blok","index"]))),128)),e.blok.use_captcha?(o(),u(B,{key:2,ref_key:"captchaRef",ref:v,error:i.value,onCaptchaComplete:y,onCaptchaError:g},null,8,["error"])):c("",!0),_(S,{name:"form-submit",submits:"",loading:a.value==="loading",disabled:a.value==="loading","override-class":{button:"vg-button vg-button-primary"},"remove-class":{button_enabled:"transform hover:scale-105"}},{default:d(()=>[k(p(e.$label("form_submit")),1)]),_:1},8,["loading","disabled"])]),_:1},512)]),_:1}),a.value==="success"||a.value==="error"?(o(),f("div",X,[_(T,{name:a.value==="success"?"32/check":"32/alert",size:"32","aria-hidden":"true",class:H([a.value==="success"?"text-success-500":"text-error-500","mr-2"])},null,8,["name","class"]),h("p",G,p(a.value==="success"?e.$label("form_submission_status_success"):e.$label("form_submission_status_error")),1)])):c("",!0),h("p",J,p(a.value===null?"":a.value==="success"?e.$label("form_submission_status_success"):e.$label("form_submission_status_error")),1)])),[[A,e.blok]])}}});export{W as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.