https://www.monuta.nl/files/generic-form.js

1function __KCC__styleOOBForm(o){o.querySelectorAll("td.clearfix.cell")?.forEach(e=>{e.classList.add("form-control-cell")}),o.querySelectorAll(`
2        input:not([type="file"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]),
3        input.form-control.input-text-box,
4        textarea,
5        select
6      `).forEach(e=>{if(e.classList.add("mnt__oob__form-input-field"),e.id){const n=o.querySelector(`label[for="${e.id}"]`);n&&(n.classList.add("mnt__oob__label"),e.value?n.classList.remove("mnt__oob__label-hidden"):n.classList.add("mnt__oob__label-hidden"),e.placeholder||(e.placeholder=n.textContent||n.innerText))}}),o.querySelectorAll(".mnt__oob__form-input-field").forEach(e=>{const n=e.id,t=o.querySelector(`label[for="${n}"]`);e.tagName==="SELECT"&&e.selectedIndex>0?t&&t.classList.remove("mnt__oob__label-hidden"):e.value===""&&t&&t.classList.add("mnt__oob__label-hidden"),e.addEventListener("focus",()=>{e.placeholder="",t&&t.classList.remove("mnt__oob__label-hidden"),t&&t.classList.add("mnt__oob__label-focused")}),e.addEventListener("blur",()=>{(e.tagName==="SELECT"&&e.selectedIndex<=0||e.value==="")&&(t&&t.classList.add("mnt__oob__label-hidden"),e.placeholder=t.textContent||t.innerText),t&&t.classList.remove("mnt__oob__label-focused")}),e.addEventListener("input",()=>{e.value?t&&t.classList.remove("mnt__oob__label-hidden"):t&&t.classList.add("mnt__oob__label-hidden")})}),document.querySelectorAll("textarea.form-control.mnt__oob__form-input-field").forEach(e=>{const n=e?.maxLength,t=document.createElement("div");t.className="textarea-charcount",t.textContent=`0 / ${n}`,e.insertAdjacentElement("afterend",t),e.addEventListener("input",()=>{const d=e.value.length;t.textContent=`${d} / ${n}`})}),setTimeout(()=>{const e=document.querySelector(".input-append.input-group.datetimepicker"),n=document.querySelector("#mnt_birthdate_datepicker_description"),t=document.querySelector(".input-group-addon"),d=document.querySelector("#mnt_birthdate")?.placeholder,c=document.createElement("span");c.classList="mnt-date-picker-label",c.textContent=d,e&&e.appendChild(c),n.placeholder=d,e.addEventListener("click",()=>{c.style.display="block",t.ariaExpanded&&(n.placeholder="")}),window.addEventListener("click",function(r){e.contains(r.target)||(n.placeholder=d,n.value||(c.style.display="none"))})},100)}function __KCC__handleAddressRadioToggle(o){let a=o.querySelector("#mnt_sameaddress"),l=o.querySelector('table[data-name="mnt_generic_form_tab"]');function i(n){n==="1"?l.style.display="none":l.style.display=""}const e=o.querySelector('#mnt_sameaddress input[type="radio"]:checked');e&&i(e.value),a&&a.addEventListener("change",function(n){n.target.tagName==="INPUT"&&n.target.type==="radio"&&i(n.target.value)})}function __KCC__runEvalOnIframe(){const o=document.querySelector("iframe");o&&(o.onload=function(){const l=(o.contentDocument||o.contentWindow.document).querySelector('div[data-name="mnt_generic_form_tab"]');l&&(__KCC__styleOOBForm(l),__KCC__handleAddressRadioToggle(l))})}function __run__KCC_form_eval(){let o=document.querySelector('div[data-name="mnt_generic_form_tab"]'),a=o?.querySelector('a[title="Maken"]');a&&a.addEventListener("click",function(){__KCC__runEvalOnIframe()}),o&&__KCC__styleOOBForm(o)}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",__run__KCC_form_eval):__run__KCC_form_eval();