https://www.hogeschoolrotterdam.nl/js/chunks/9904.b88d288cdc12304aacb9.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[9904],{9904:(e,t,n)=>{n.r(t),n.d(t,{JS_HOOK_EVENT_CTA_CARD:()=>a,default:()=>r});var s=n(3721),i=n(976);const a="[js-hook-event-cta-card]";const r=class EventCta{constructor(e){this.element=e,this.card=e.querySelector(a),this.header=document.querySelector("[js-hook-header]"),this.init()}init(){s.Z.set([{element:window,event:"scroll",namespace:"EventCta",fn:()=>this.onScrollHandler()}])}onScrollHandler(){const e=this.element.getBoundingClientRect(),t=(!this.header.classList.contains("header-hidden")?75:0)+(i.Z.isTabletPortraitAndBigger?16:0);this.element.classList[e.y-t<=0?"add":"remove"]("event-cta--sticky"),this.card.style.transform=`translateY(${Math.max(0,-1*e.y+t)}px)`}}},3721:(e,t,n)=>{n.d(t,{Z:()=>a});var s=n(3493),i=n.n(s);function generateNamespace(e,t){return`${e}.${t}`}const a=new class RafThrottle{constructor(){this.namespaces={},this.timeoutList={},this.runningList={}}set(e){this._addEvents(e)}remove(e){e&&this._removeEvents(e)}_addEvents(e){e.forEach((e=>{const t={element:e.element,event:e.event,namespace:generateNamespace(e.event,e.namespace),callback:t=>this._trigger(e,t),eventOptions:{passive:!0},delay:e.delay};this.timeoutList[t.namespace]=null,this.runningList[t.namespace]=!1,this._addThrottledEvent(t)}))}_removeEvents(e){e.forEach((e=>{const t={element:e.element,event:e.event,namespace:generateNamespace(e.event,e.namespace)};this._removeThrottledEvent(t)}))}_trigger(e,t){const n=generateNamespace(e.event,e.namespace);this.runningList[n]||(e.delay&&0!==e.delay?(this.timeoutList[n]&&clearTimeout(this.timeoutList[n]),this.timeoutList[n]=setTimeout((()=>{i()((()=>{e.fn(t),e.element=!1,this.runningList[n]=!1}))}),e.delay)):i()((()=>{e.fn(t),this.runningList[n]=!1})),this.runningList[n]=!0)}_addThrottledEvent(e){const{element:t,event:n,namespace:s,callback:i}=e;let{eventOptions:a}=e;this.namespaces[s]=i,a=a||!1,t.addEventListener(n,i,a)}_removeThrottledEvent(e){const{element:t,event:n,namespace:s}=e;this.namespaces[s]&&(t.removeEventListener(n,this.namespaces[s]),delete this.namespaces[s])}}},976:(e,t,n)=>{n.d(t,{Z:()=>a});var s=n(3721);const i=[{reference:"isMobile",breakpoint:320},{reference:"isMobilePlus",breakpoint:480},{reference:"isTabletPortrait",breakpoint:768},{reference:"isTabletLandscape",breakpoint:1024},{reference:"isLaptop",breakpoint:1240},{reference:"isDesktop",breakpoint:1600},{reference:"isWidescreen",breakpoint:1920}];const installMediaQueryWatcher=(e,t)=>{const n=window.matchMedia(e);n.addListener((e=>t(e.matches,e.media))),t(n.matches,n.media)},a=new class ScreenDimensions{get screenHeight(){return this.height}get screenWidth(){return this.width}constructor(){s.Z.set([{element:window,event:"resize",namespace:"ScreenDimensionsWidthChange",fn:()=>this.updateWidth()}

1]),i.forEach(((e,t)=>{const n=e.breakpoint;installMediaQueryWatcher(`(min-width: ${n}px)`,(t=>{this[`${e.reference}AndBigger`]=t})),t?i[t+1]?installMediaQueryWatcher(`(min-width: ${n}px) and (max-width: ${i[t+1].breakpoint-1}px)`,(t=>{this[e.reference]=t})):installMediaQueryWatcher(`(min-width: ${n}px)`,(t=>{this[e.reference]=t})):installMediaQueryWatcher(`(max-width: ${n}px)`,(t=>{this[e.reference]=t}))})),this.updateWidth()}updateWidth(){this.width=window.innerWidth,this.height=window.innerHeight}}}}]);