{"version":3,"sources":["global.js"],"names":["WebNL","bLazy","MoveToInstance","MoveTo","tolerance","duration","Init","this","Blazy","ViewportHeight","SmoothScroll","initVideo","playAnimation","watchScroll","window","addEventListener","vh","innerHeight","document","documentElement","style","setProperty","setTimeout","_Blazy","apply","arguments","toString","play","getElementsByClassName","video","getElementsByTagName","classList","add","requestFullscreen","mozRequestFullScreen","webkitRequestFullscreen","that","querySelectorAll","forEach","anchor","getAttribute","length","e","preventDefault","target","querySelector","move","ScrollTo","elm","lottie","loadAnimation","container","getElementById","renderer","loop","autoplay","path","doOnScroll","bubbleUp","parallaxWave","onscroll","el","rect","getBoundingClientRect","elemTop","top","elemBottom","bottom","offset","console","log","borderBottomWidth","marginTop"],"mappings":"aAAA,IAAIA,MAAQ,CACRC,MAAO,KACPC,eAAgB,IAAIC,OAAO,CACvBC,UAAW,EACXC,SAAU,MAEdC,KANQ,WAOJC,KAAKC,QACLD,KAAKE,iBACLF,KAAKG,eACLH,KAAKI,YACLJ,KAAKK,gBACLL,KAAKM,eAETJ,eAdQ,WAeJK,OAAOC,iBAAiB,oBAAqB,WACzC,IAAIC,EAA0B,IAArBF,OAAOG,YAChBC,SAASC,gBAAgBC,MAAMC,YAAY,OAAWL,EAAtD,QAEJM,WAAY,WACR,IAAIN,EAA0B,IAArBF,OAAOG,YAChBC,SAASC,gBAAgBC,MAAMC,YAAY,OAAWL,EAAtD,OACD,MAEPR,MAxBQ,SAAAe,GAAA,SAAAf,IAAA,OAAAe,EAAAC,MAAAjB,KAAAkB,WAAA,OAAAjB,EAAAkB,SAAA,WAAA,OAAAH,EAAAG,YAAAlB,EAAA,CAAA,WAyBJD,KAAKN,MAAQ,IAAIO,QAErBG,UA3BQ,WA4BJ,IAAMgB,EAAOT,SAASU,uBAAuB,aAAa,GACpDC,EAAQX,SAASY,qBAAqB,SAAS,GAErDH,EAAKZ,iBAAiB,QAAS,WAC3Bc,EAAME,UAAUC,IAAI,sBAChBH,EAAMI,kBACNJ,EAAMI,oBACCJ,EAAMK,qBACbL,EAAMK,uBACCL,EAAMM,yBACbN,EAAMM,0BAEVN,EAAMF,UAGdjB,aA3CQ,WA4CJ,IAAI0B,EAAO7B,KACXW,SAASmB,iBAAiB,gBAAgBC,QAAQ,SAAAC,GACL,EAArCA,EAAOC,aAAa,QAAQC,QAC5BF,EAAOxB,iBAAiB,QAAS,SAAU2B,GACvCA,EAAEC,iBAEF,IAAIC,EAAS1B,SAAS2B,cAActC,KAAKiC,aAAa,SACtDJ,EAAKlC,eAAe4C,KAAKF,QAKzCG,SAxDQ,SAwDCH,GACL,IAAII,EAAM9B,SAAS2B,cAAcD,GACjCrC,KAAKL,eAAe4C,KAAKE,IAE7BpC,cA5DQ,WA6DJqC,OAAOC,cAAc,CACjBC,UAAWjC,SAASkC,eAAe,aACnCC,SAAU,MACVC,MAAM,EACNC,UAAU,EACVC,KAAM,kEAGd3C,YArEQ,WAsEJ,IAAIuB,EAAO7B,KAKX,SAASkD,IACLrB,EAAKsB,WACLtB,EAAKuB,eANT7C,OAAO8C,SAAW,WAAYH,KAE9BA,KAOJC,SAhFQ,WAiFWxC,SAASmB,iBAAiB,wBAEhCC,QAAQ,SAASuB,GACtB,IAAIC,EAAOD,EAAGE,wBACVC,EAAUF,EAAKG,IACfC,EAAaJ,EAAKK,OAGM,GAAXH,GAAkBE,GAAcpD,OAAOG,aAIpD4C,EAAG9B,UAAUC,IAAI,yBAI7B2B,aAjGQ,WAkGWzC,SAASmB,iBAAiB,mBAEhCC,QAAQ,SAAUuB,GACvB,IAAIC,EAAOD,EAAGE,wBACVC,EAAUF,EAAKG,IACfC,EAAaJ,EAAKK,OAItB,GADgBH,EAAUlD,OAAOG,aAA6B,GAAdiD,EACjC,CACX,IAAIE,EAAStD,OAAOG,YAAc+C,EAClCK,QAAQC,IAAIT,EAAIO,GAChBP,EAAGzC,MAAMmD,kBAAoBH,EAAS,GAAK,KAC3CP,EAAGzC,MAAMoD,WAAaJ,EAAS,GAAK,UAMpDlD,SAASH,iBAAiB,mBAAoB,WAC1CG,SAAS2B,cAAc,QAAQd,UAAUC,IAAI,gBAE7ChC,MAAMM","file":"app.min.js","sourcesContent":["let WebNL = {\r\n    bLazy: null,\r\n    MoveToInstance: new MoveTo({\r\n        tolerance: 0,\r\n        duration: 800\r\n    }),\r\n    Init() {\r\n        this.Blazy();\r\n        this.ViewportHeight();\r\n        this.SmoothScroll();\r\n        this.initVideo();\r\n        this.playAnimation();\r\n        this.watchScroll();\r\n    },\r\n    ViewportHeight(){\r\n        window.addEventListener('orientationchange', function(){\r\n            let vh = window.innerHeight * 0.01;\r\n            document.documentElement.style.setProperty('--vh', `${vh}px`);\r\n        });\r\n        setTimeout( function(){\r\n            let vh = window.innerHeight * 0.01;\r\n            document.documentElement.style.setProperty('--vh', `${vh}px`);\r\n        }, 500);\r\n    },\r\n    Blazy() {\r\n        this.bLazy = new Blazy();\r\n    },\r\n    initVideo() {\r\n        const play = document.getElementsByClassName('vid__play')[0];\r\n        const video = document.getElementsByTagName('video')[0];\r\n\r\n        play.addEventListener('click', () => {\r\n            video.classList.add('intro__video--show')\r\n            if (video.requestFullscreen) {\r\n                video.requestFullscreen();\r\n            } else if (video.mozRequestFullScreen) {\r\n                video.mozRequestFullScreen();\r\n            } else if (video.webkitRequestFullscreen) {\r\n                video.webkitRequestFullscreen();\r\n            }\r\n            video.play();\r\n        })\r\n    },\r\n    SmoothScroll() {\r\n        let that = this;\r\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n            if (anchor.getAttribute('href').length > 1) {\r\n                anchor.addEventListener('click', function (e) {\r\n                    e.preventDefault();\r\n\r\n                    let target = document.querySelector(this.getAttribute('href'));\r\n                    that.MoveToInstance.move(target);\r\n                });\r\n            }\r\n        });\r\n    },\r\n    ScrollTo(target){\r\n        let elm = document.querySelector(target);\r\n        this.MoveToInstance.move(elm);\r\n    },\r\n    playAnimation() {\r\n        lottie.loadAnimation({\r\n            container: document.getElementById('animatie1'), // the dom element that will contain the animation\r\n            renderer: 'svg',\r\n            loop: true,\r\n            autoplay: true,\r\n            path: '/wp-content/themes/emk-windmolens/public/data/animatie1.json' // the path to the animation json\r\n        });\r\n    },\r\n    watchScroll() {\r\n        let that = this;\r\n        window.onscroll = function() {doOnScroll()};\r\n\r\n        doOnScroll();\r\n\r\n        function doOnScroll() {\r\n            that.bubbleUp();\r\n            that.parallaxWave();\r\n        }\r\n    },\r\n    bubbleUp() {\r\n        let elements = document.querySelectorAll('.gevaar__illustratie');\r\n\r\n        elements.forEach(function(el) {\r\n            let rect = el.getBoundingClientRect();\r\n            let elemTop = rect.top;\r\n            let elemBottom = rect.bottom;\r\n\r\n            // Only completely visible elements return true:\r\n            let isVisible = (elemTop >= 0) && (elemBottom <= window.innerHeight);\r\n            // Partially visible elements return true:\r\n            //isVisible = elemTop < window.innerHeight && elemBottom >= 0;\r\n            if (isVisible) {\r\n                el.classList.add(\"--animate-bubbleup\");\r\n            }\r\n        });\r\n    },\r\n    parallaxWave() {\r\n        let elements = document.querySelectorAll('.gevaar__golven');\r\n\r\n        elements.forEach(function (el) {\r\n            let rect = el.getBoundingClientRect();\r\n            let elemTop = rect.top;\r\n            let elemBottom = rect.bottom;\r\n\r\n            // Partially visible elements return true:\r\n            let isVisible = elemTop < window.innerHeight && elemBottom >= 0;\r\n            if (isVisible) {\r\n                let offset = window.innerHeight - elemTop;\r\n                console.log(el, offset);\r\n                el.style.borderBottomWidth = offset / 10 + \"px\";\r\n                el.style.marginTop = -offset / 10 + \"px\";\r\n            }\r\n        });\r\n    }\r\n};\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    document.querySelector('body').classList.add('body--loaded');\r\n\r\n    WebNL.Init();\r\n});"]}