https://www.hogeschoolrotterdam.nl/js/chunks/8479.e1b047edf3a17073011b.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[8479],{8479:(e,t,i)=>{i.r(t),i.d(t,{default:()=>h});var s=i(5824),n=i(5853);const r="hidden",o=["change","paste","keyup"],a=".form__item",l="form__item--error",d="aria-invalid",m="aria-describedby",c="form__item--success";const h=class OpendayForm{constructor(e){this.element=e,this.form=this.element.querySelector("form#unsubscribe-specific"),this.formUnsubscribeAll=this.element.querySelector("form#unsubscribe-all"),this.form&&(this.id=this.form.id,this.formElements=[...this.form.querySelectorAll('input[name]:not([type="hidden"]), textarea[name], select[name]')],this.ui={submit:this.element.querySelector(`button[type="submit"][form="${this.id}"]`)},this.translations={confirmBoxSend:{title:this.element.dataset.translationConfirmBoxSendTitle,description:this.element.dataset.translationConfirmBoxSendDescription,confirmLabel:this.element.dataset.translationConfirmBoxSendConfirmLabel,declineLabel:this.element.dataset.translationConfirmBoxSendDeclineLabel},confirmBoxSendAll:{title:this.element.dataset.translationConfirmBoxSendAllTitle,description:this.element.dataset.translationConfirmBoxSendAllDescription,confirmLabel:this.element.dataset.translationConfirmBoxSendConfirmLabel,declineLabel:this.element.dataset.translationConfirmBoxSendDeclineLabel}},this.validationMessages={checkbox:void 0,required:void 0},this.isMobile=window.innerWidth<=756,this.bindEvents())}showInputError(e,t){const i=e.closest(a);this.resetFormItem(i,e),this.showErrorMessage(i,e,t)}showInputSuccess(e){const t=e.closest(a);this.resetFormItem(t,e),e.hasAttribute("required")&&t.classList.add(c)}validateFieldError(e,t){this.showInputError(e,t)}validateFieldSuccess(e){this.showInputSuccess(e)}resetFormItem(e,t){const i=this.getErrorContainer(t);e.classList.remove(l),e.classList.remove(c),t.removeAttribute(d),t.removeAttribute(m),i&&(i.textContent="",i.classList.add(r))}getErrorContainer(e){return e.closest(a).querySelector(".form__item-error")||document.getElementById(`${e.name}_error`)}showErrorMessage(e,t,i){const s=this.getErrorContainer(t);t.setAttribute(d,"true"),t.setAttribute(m,s.id),s&&(e.classList.add(l),i&&(s.textContent=i,s.classList.remove(r)))}validateField(e){const t=e.getAttribute("data-validate");return t?t.split(",").map((e=>e.trim())).filter((t=>!s.Z[t].method(e))).map((t=>this.validationMessages[s.Z[t].message(e)])):[]}validateForm(){0===this.formElements.filter((e=>!e.disabled)).map((e=>this.validateField(e))).filter((e=>Boolean(!!e&&e.length))).length?this.ui.submit.removeAttribute("disabled"):this.ui.submit.setAttribute("disabled",!0)}handleInputChange(e,t){const i=this.validateField(e);if(this.validateForm(),i&&i.length)return this.validateFieldError(e,i.join(", "));this.validateFieldSuccess(e)}bindEvents(){var e;this.form.addEventListener("submit",(e=>{e.preventDefault(),n.Z.show({title:this.translations.confirmBoxSend.title,de

1scription:this.translations.confirmBoxSend.description,confirmLabel:this.translations.confirmBoxSend.confirmLabel,declineLabel:this.translations.confirmBoxSend.declineLabel}).then((()=>{this.form.submit()})).catch((()=>{}))})),null===(e=this.formUnsubscribeAll)||void 0===e||e.addEventListener("submit",(e=>{e.preventDefault(),n.Z.show({title:this.translations.confirmBoxSendAll.title,description:this.translations.confirmBoxSendAll.description,confirmLabel:this.translations.confirmBoxSendAll.confirmLabel,declineLabel:this.translations.confirmBoxSendAll.declineLabel}).then((()=>{this.formUnsubscribeAll.submit()})).catch((()=>{}))})),this.formElements.forEach((e=>o.forEach((t=>e.addEventListener(t,(()=>this.handleInputChange(e)))))))}}}}]);