import{d as S,a as x,bk as B,ca as M,r as c,j as U,aF as R,f as N,h as t,i as V,z as m,g as e,v as d,aG as H,x as I,aJ as P,aH as W,aI as $,A as F,aN as z,o as A,a4 as K,_ as Y}from"./BxiWQxwE.js";const j={class:"newsletter--subscribe"},G=["aria-label"],J={class:"newsletter--subscribe__action"},q={class:"newsletter--subscribe__content"},Q={class:"newsletter--subscribe__content--inner"},X=["disabled","placeholder"],Z=["disabled"],ee={key:0},se=["innerHTML"],oe=10,te=S({__name:"newsletter-floorad",setup(le){const{$gtm:u,$toast:v,$messages:s}=x(),{isMobile:D}=B();let l=null;const r={UP:"up",DOWN:"down"},{newsletterFloorAdShown:b,subscribeToNewsletter:g,error:w,loading:_,success:k}=M(),i=c(""),y=D?100:50,a=c(0),h=c(0),p=c(r.DOWN);U(()=>{l=z(()=>E(),oe),l&&window.addEventListener("scroll",l)}),R(()=>{l&&window.removeEventListener("scroll",l)});const f=async()=>{const o={email:i.value,hasNewsLetter:!0,isProfilingAllowed:!1,source:"floorad-newsletter-optin-popup"};await g(o),k.value&&(u("newsletter.floor_ad.clicked_signup"),v.add({id:1,text:s("floorAd.success")}),L(null,!1)),w.value&&v.add({id:2,text:s("error.commonLong"),autoClose:!1})},C=()=>(a.value=window.scrollY||document.documentElement.scrollTop||document.body.scrollTop,a.value>0&&h.value<=a.value?r.DOWN:r.UP),E=()=>{p.value=C(),h.value=a.value<=0?0:a.value;const o=document.getElementsByTagName("html")[0];if(!o)return;const n=Array.from(o.classList).includes("floor-ad-show");if(a.value>y&&p.value===r.DOWN){if(n)return;o.classList.add("floor-ad-show"),b.value||u("newsletter.floor_ad.visible")}else p.value===r.UP&&n&&o.classList.remove("floor-ad-show")},L=(o,n=!0)=>{b.value=!0,n&&u("newsletter.floor_ad.close"),l&&window.removeEventListener("scroll",l)};return(o,n)=>{const O=K;return A(),N("div",j,[t("button",{type:"button",class:"newsletter--subscribe__close clean","aria-label":e(s)("aria.close"),onClick:m(L,["prevent"])},[V(O,{"aria-hidden":"true"})],8,G),t("div",J,d(e(s)("floorAd.visual")),1),t("div",q,[t("div",Q,[t("h2",null,d(e(s)("floorAd.title")),1),t("form",{class:"newsletter--subscribe__content--input-wrapper",onSubmit:m(f,["prevent"])},[H(t("input",{"onUpdate:modelValue":n[0]||(n[0]=T=>$(i)?i.value=T:null),type:"email",autocomplete:"email",disabled:e(_),placeholder:e(s)("floorAd.placeholder"),onKeyup:W(f,["enter"])},null,40,X),[[P,e(i)]]),t("button",{class:F(["button-red",{loading:e(_)}]),type:"button",disabled:!e(i)||e(_),onClick:m(f,["prevent"])},d(e(s)("floorAd.cta")),11,Z),e(w)&&o.$device.isDesktopOrTablet?(A(),N("small",ee,d(e(s)("error.common")),1)):I("",!0)],32)]),t("p",{innerHTML:e(s)("floorAd.description",{link:"<a href='/nieuwsbrief' target='_blank' data-pop-up='klik hier'>hier</a>"})},null,8,se)])])}}}),ae=Y(te,[["__scopeId","data-v-44ebf482"]]);export{ae as default};
