https://sso.vrt.be/optinWidget.min.js

1!function(e,t){"use strict";var r=requestAnimationFrame||mozRequestAnimationFrame||webkitRequestAnimationFrame||msRequestAnimationFrame;r?r(function(){e.setTimeout(s,0)}):e.addEventListener("load",s);var a={selectors:{root:".optinWidgetRoot",form:".optinWidget",inputField:".inputGroup__input",formField:"input[name]"},classes:{form:"optinWidget",inputGroup:"inputGroup",isValid:"is-valid",isInValid:"is-invalid",hasError:"optinWidget--hasError",hasSubscribed:"optinWidget--hasSubscribed"},widget:{formAttribute:"data-widget",dataset:"widget",stylesheetUrl:{development:"./optinWidget.css",production:`${function(){const e=document.querySelector('script[src*="optinWidget.min.js"]');if(e){const t=e.src.split("/");return t.pop(),t.join("/")}return"."}()}/optinWidget.min.css`}}},n={},i={externalStyleSheets:[]},s=function(){if(n.root=t.querySelectorAll(a.selectors.root),!n.root.length)return;const e="localhost"===location.hostname||"127.0.0.1"===location.hostname||""===location.hostname?"development":"production";o(a.widget.stylesheetUrl[e],!1,d)},o=function(e,r,a){var n=t.createElement("LINK");n.rel="stylesheet",n.href=e,r?t.head.appendChild(n):t.head.insertBefore(n,t.head.firstChild),n.onload=a,n.onerror=a},d=function(){var e;for(e=0;e<n.root.length;e++)(function(e){var t=n.root[e],r=JSON.parse(t.dataset[a.widget.dataset]);t.removeAttribute(a.widget.formAttribute),r.stylesheetUrl&&""!==r.stylesheetUrl&&-1===i.externalStyleSheets.indexOf(r.stylesheetUrl)?(i.externalStyleSheets.push(r.stylesheetUrl),o(r.stylesheetUrl,!0,function(){l(t,r,e)})):l(t,r,e)})(e)},l=function(e,t,r){var a,n=c(t);for(a=0;a<t.fields.length;a++)n.appendChild(u(t.fields[a],r));n.appendChild(h(t)),n.appendChild(f(t)),n.appendChild(g(t,"error")),n.appendChild(g(t,"success")),e.appendChild(n)},c=function(e){var r=t.createElement("FORM");return r.setAttribute("action",e.action),r.setAttribute("method",e.method),r.className=a.classes.form,r.addEventListener("submit",function(e){e.preventDefault(),v(e)}),r},u=function(e,r){var n=t.createElement("DIV");return n.className=a.classes.inputGroup,n.appendChild(p(e,r)),n.appendChild(m(e,r)),n},p=function(e,r){var a=t.createElement("LABEL");a.className="inputGroup__wrapper",a.setAttribute("for","for-"+r+"-"+e.name);var n=t.createElement("SPAN");if(n.className="inputGroup__label",n.textContent=e.label+("true"===e.required?" *":""),a.appendChild(n),e.description&&""!==e.description){var i=t.createElement("SMALL");i.id="aria-describedby-"+r+"-"+e.name,i.className="inputGroup__description",i.textContent=e.description,a.appendChild(i)}var s=t.createElement("SMALL");return s.className="inputGroup__error",s.textContent=e.error,a.appendChild(s),a},m=function(e,r){var a=t.createElement("INPUT");if(a.id="for-"+r+"-"+e.name,a.className="inputGroup__input",a.name=e.name,a.type=e.type,a.value=e.value,a.placeholder=e.placeholder||"","true"===e.required&&(a.required=!0,a.setAttribute("aria-required",!0)),e.description&&""!==e.description&&a.setAttribute("aria-describedby","aria-describedby-"+r+"-"+e.name),e.pattern&&""!==e.pattern&&a.setAttribute("pattern",e.pattern),a.addEventListener("input",function(e){e.preventDefault(),b(e.target,!1),E(e.target)}),a.addEventListener("blur",function(e){e.preventDefault(),b(e.target,!0)}),a.required||a.value)try{setTimeout(function(){b(a,!1)},0)}catch(e){}return a},h=function(e){var r=t.createElement("INPUT");return r.type="hidden",r.name="optins",r.value=e.optins,r},f=function(e){var r=t.createElement("BUTTON");r.type="submit",r.className="optinWidget__button";var a,n=t.createElement("DIV");for(n.className="optinWidget__loading",a=0;a<3;a++){var i=t.createElement("DIV");i.className="loading__bounce loading__bounce--"+(a+1),i.setAttribute("aria-hidden",!0),n.appendChild(i)}var s=t.createElement("SPAN");s.className="loading__text",s.textContent=e.submitButtonTextSending,n.appendChild(s),r.appendChild(n);var o=t.createElement("DIV");o.className="optinWidget__subscribed",o.setAttribute("aria-hidden",!0),r.appendChild(o);var d=t.createElement("SPAN");return d.className="optinWidget__button-text",d.textContent=e.submitButtonText,r.appendChild(d),r},g=function(e,r){var a=t.createElement("P");return a.className="optinWidget__"+r,a.setAttribute("role","alert"),a.textContent=e[r],a},v=function(e){var t=document.querySelector(".optinWidget__button");if(t.disabled=!0,(!e.target.dataset.resolved||"true"!==e.target.dataset.resolved)&&(!e.target.dataset.pending||"true"!==e.target.dataset.pending)&&(e.target.dataset.pending=!0,y(e.target))){var r=e.target.action,n=e.target.method,i=_(e.target),s=new XMLHttpRequest;s.addEventListener("readystatechange",function(){4===this.readyState&&(200===this.status&&(e.target.reset(),e.target.classList.remove(a.classes.hasError),e.target.classList.add(a.classes.hasSubscribed),e.target.dataset.resolved=!0),200!==this.status&&(e.target.classList.remove(a.classes.hasSubscribed),e.target.classList.add(a.classes.hasError)),e.target.dataset.pending=!1,t.disabled=!1)}),s.open(n,r),s.setRequestHeader("Content-Type","application/json"),s.send(i)}},b=function(e,t){var r=e.checkValidity(),n=A(e,a.classes.inputGroup);if(r)return n.classList.remove(a.classes.isInValid),void n.classList.add(a.classes.isValid);t&&(n.classList.remove(a.classes.isValid),n.classList.add(a.classes.isInValid))},y=function(e){var t,r=e.querySelectorAll(a.selectors.inputField),n=!!r.length;for(t=0;t<r.length;t++)r[t].checkValidity()||(n=!1);return n},_=function(e){var t,r={},n=e.querySelectorAll(a.selectors.formField);for(t=0;t<n.length;t++)"optins"!==n[t].name?r[n[t].name]=n[t].value:r.optins=[n[t].value];return JSON.stringify(r)},E=function(e){A(e,a.classes.form).dataset.resolved=!1},A=function(e,t){for(;(e=e.parentElement)&&!e.classList.contains(t););return e}}(window,window.document);