{"version":3,"sources":["/Users/user/afs-redesign/frontend/source/assets/js/split-screen.js"],"names":["ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","configurable","writable","document","addEventListener","isDesktop","window","innerWidth","shiftElementsRelativeToScrollbar","shiftWidth","body","style","paddingRight","concat","popups","querySelectorAll","popup","marginRight","goUpButtons","button","hideShowScroll","classList","add","scrollBarWidth","setTimeout","remove","setBackground","element","pic","querySelector","icon","getAttribute","animateBackground","scrollOptions","elem","str","offset","triggerElement","triggerHook","calcScrollPos","bgImage","undefined","nextElementSibling","getBoundingClientRect","top","innerHeight","previousElementSibling","initController","controllerScrollPanel","ScrollMagic","Controller","reInitScroll","scrollTo","newpos","destroyScrollPanels","gsap","to","duration","scrollPanelScenes","scrollY","reInitScrollPanels","handleResize","doneResizing","clearTimeout","resizeTimer","destroy","scrollSceneDefaultForward","scrollSceneDefaultReverse","scrollContainers","scrollContainer","attachBackground","firstScreen","pageYOffset","lastScreen","parentNode","contains","singleBlockImageContainer","backgroundImage","scrollSections","index","array","forwardScrollPos","Scene","on","event","scrollDirection","addTo","reversedScrollSections","reverseScrollPos","clientWidth","getPaginationConfig","swiper","isCustom","paginationWrapper","enabled","type","el","clickable","pictureSlider","pictureSwiper","Swiper","speed","spaceBetween","slidesPerView","effect","fadeEffect","crossFade","pagination","infosSlider","controller","control"],"mappings":"AAAA,YAEA,SAASA,SAAQC,EAAQC,GAAkB,GAAIC,GAAOC,OAAOD,KAAKF,EAAS,IAAIG,OAAOC,sBAAuB,CAAE,GAAIC,GAAUF,OAAOC,sBAAsBJ,EAASC,KAAmBI,EAAUA,EAAQC,OAAO,SAAUC,GAAO,MAAOJ,QAAOK,yBAAyBR,EAAQO,GAAKE,cAAiBP,EAAKQ,KAAKC,MAAMT,EAAMG,GAAY,MAAOH,GAE9U,QAASU,eAAcC,GAAU,IAAK,GAAIC,GAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,GAAIG,GAAS,MAAQF,UAAUD,GAAKC,UAAUD,KAASA,GAAI,EAAIf,QAAQI,OAAOc,IAAS,GAAIC,QAAQ,SAAUC,GAAOC,gBAAgBP,EAAQM,EAAKF,EAAOE,MAAYhB,OAAOkB,0BAA4BlB,OAAOmB,iBAAiBT,EAAQV,OAAOkB,0BAA0BJ,IAAWlB,QAAQI,OAAOc,IAASC,QAAQ,SAAUC,GAAOhB,OAAOoB,eAAeV,EAAQM,EAAKhB,OAAOK,yBAAyBS,EAAQE,MAAa,MAAON,GAEjf,QAASO,iBAAgBI,EAAKL,EAAKM,GAAiK,MAApJN,KAAOK,GAAOrB,OAAOoB,eAAeC,EAAKL,GAAOM,MAAOA,EAAOhB,YAAY,EAAMiB,cAAc,EAAMC,UAAU,IAAkBH,EAAIL,GAAOM,EAAgBD,EAE3MI,SAASC,iBAAiB,mBAAoB,WAC5C,GAAIC,GAAYC,OAAOC,YAAc,MAEjCF,KACF,WAUE,QAASG,GAAiCC,GACxCN,SAASO,KAAKC,MAAMC,aAAe,GAAGC,OAAOJ,EAAY,KACzD,IAAIK,GAASX,SAASY,iBAAiB,kBAEnCD,GAAOvB,QACTuB,EAAOrB,QAAQ,SAAUuB,GACvBA,EAAML,MAAMM,YAAc,GAAGJ,OAAOJ,EAAY,OAIpD,IAAIS,GAAcf,SAASY,iBAAiB,gBAExCG,GAAY3B,QACd2B,EAAYzB,QAAQ,SAAU0B,GAC5BA,EAAOR,MAAMM,YAAc,GAAGJ,OAAOJ,EAAY,QAKvD,QAASW,KACPjB,SAASO,KAAKW,UAAUC,IAAI,mBAC5Bd,EAAiCe,GACjCC,WAAW,WACTrB,SAASO,KAAKW,UAAUI,OAAO,mBAC/BjB,EAAiC,IAChC,KAGL,QAASkB,GAAcC,GACrB,GAAIC,GAAMD,EAAQE,cAAc,mCAC5BC,EAAOH,EAAQE,cAAc,6CACjC,OAAO,OAAOhB,OAAOiB,EAAOA,EAAKC,aAAa,OAAS,KAAM,YAAYlB,OAAOe,EAAIG,aAAa,OAAQ,MAG3G,QAASC,GAAkBL,GACzBA,EAAQN,UAAUC,IAAI,YACtBE,WAAW,WACTG,EAAQN,UAAUI,OAAO,aACxB,KAGL,QAASQ,GAAcC,EAAMC,GAC3B,MAAe,UAARA,GACLC,OAAQ,GACRC,eAAgBH,EAChBI,YAAa,IAEbF,OAAQ,EACRC,eAAgBH,EAChBI,YAAa,IAIjB,QAASC,GAAcL,EAAMC,GAC3B,GAAIK,GAAUlD,UAAUC,OAAS,GAAsBkD,SAAjBnD,UAAU,GAAmBA,UAAU,GAAK,IAElF,OAAY,SAAR6C,EACKD,EAAKQ,mBAAqBR,EAAKQ,mBAAmBC,wBAAwBC,IAAM,GAAKV,EAAKS,wBAAwBC,IAAMtC,OAAOuC,YAAc,GAAK,GAElJX,EAAKY,yBAA2BN,EAAUN,EAAKY,uBAAuBH,wBAAwBC,IAAM,GAAKV,EAAKS,wBAAwBC,IAAMtC,OAAOuC,YAAc,IAAM,IAKlL,QAASE,KAEPC,EAAwB,GAAIC,aAAYC,UACxC,IAAIC,IAAe,CAEnBH,GAAsBI,SAAS,SAAUC,GAClCF,GAMHG,IACAH,GAAe,GANfI,KAAKC,GAAGlD,QACNmD,SAAU,GACVL,SAAUC,MAQhBK,IACAvD,SAASC,iBAAiB,sBAAuB,WAC/C+C,GAAe,IAEjB7C,OAAOF,iBAAiB,SAAU,WACT,IAAnBE,OAAOqD,UACTL,IACAM,OAMN,QAASC,KACP,QAASC,KACPF,IAGFtD,OAAOF,iBAAiB,SAAU,WAChCkD,IACAS,aAAaC,GACbA,EAAcxC,WAAWsC,EAAc,OAK3C,QAASR,KACPN,EAAsBiB,UACtBC,EAA0BD,UAC1BE,EAA0BF,UAI5B,QAASL,KACPZ,EAAwB,KACxBkB,EAA4B,KAC5BC,EAA4B,KAC5BpB,IAIF,QAASW,KAEHU,GACFA,EAAiB3E,QAAQ,SAAU4E,GAuDjC,QAASC,KACHhE,OAAOqD,SAAWY,EAAY5B,wBAAwBC,IAAM4B,YAAc,IAAMlE,OAAOqD,QAAUc,EAAW9B,wBAAwBC,IAAM4B,YAAc,IAC1JhC,EAAQnB,UAAUC,IAAI,aAElBhB,OAAOqD,SAAWc,EAAW9B,wBAAwBC,IAAM4B,YAC7DhC,EAAQnB,UAAUC,IAAI,aAEtBkB,EAAQnB,UAAUI,OAAO,aAG3Be,EAAQnB,UAAUI,OAAO,aAhE7B,GAAI8C,GAAcF,EAAgBxC,cAAc,uBAC5C4C,EAAaJ,EAAgBxC,cAAc,kCAC3CW,EAAU6B,EAAgBxC,cAAc,+BAE5C,IAAKwC,EAAgBK,WAAWrD,UAAUsD,SAAS,yCA0C5C,CACL,GAAIC,GAA4BP,EAAgBxC,cAAc,sBAE1D+C,KACFpC,EAAQ7B,MAAMkE,gBAAkBnD,EAAckD,QA9C2C,CAC3F,GAAIE,GAAiBT,EAAgBtD,iBAAiB,sBACtD+D,GAAerF,QAAQ,SAAUyC,EAAM6C,EAAOC,GAC5CxC,EAAQ7B,MAAMkE,gBAAkBnD,EAAcsD,EAAM,GACpD,IAAIC,GAAmB1C,EAAcL,EAAM,OAC3CgC,GAA4B,GAAIjB,aAAYiC,MAAMjD,EAAcC,EAAM,UAAUiD,GAAG,QAAS,SAAUC,GACvE,WAAzBA,EAAMC,gBACRrC,EAAsBI,SAAS6B,GACG,WAAzBG,EAAMC,kBAGlBF,GAAG,QAAS,WACX/D,MACCkE,MAAMtC,GACT,GAAIC,aAAYiC,MAAMjD,EAAcC,EAAM,UACzCiD,GAAG,QAAS,WACPH,EAAMD,EAAQ,KAChB/C,EAAkBQ,GAClBA,EAAQ7B,MAAMkE,gBAAkBnD,EAAcsD,EAAMD,EAAQ,OAE7DO,MAAMtC,IAEX,IAAIuC,GAAyBlB,EAAgBtD,iBAAiB,qCAE9DwE,GAAuB9F,QAAQ,SAAUyC,EAAM6C,EAAOC,GACpD,GAAIQ,GAAmBjD,EAAcL,EAAM,OAAQM,EACnD2B,GAA4B,GAAIlB,aAAYiC,MAAMjD,EAAcC,IAAOiD,GAAG,QAAS,SAAUC,GAC9D,WAAzBA,EAAMC,iBAC0B,WAAzBD,EAAMC,iBACfrC,EAAsBI,SAASoC,KAGlCL,GAAG,QAAS,WACX/D,MACCkE,MAAMtC,GACT,GAAIC,aAAYiC,MAAMjD,EAAcC,IAAOiD,GAAG,QAAS,WACjDH,EAAMD,EAAQ,KAChB/C,EAAkBQ,GAClBA,EAAQ7B,MAAMkE,gBAAkBnD,EAAcsD,EAAMD,EAAQ,OAE7DO,MAAMtC,KAwBRqB,EAAgBK,WAAWrD,UAAUsD,SAAS,0CACjDrE,OAAOF,iBAAiB,SAAUkE,KA5M1C,GACItB,GAAuBkB,EAA2BC,EAA2BH,EAD7EzC,EAAiBjB,OAAOC,WAAaJ,SAASO,KAAK+E,YAEnDrB,EAAmBjE,SAASY,iBAAiB,kGAE7CqD,KACFrB,IACAc,QAgNN,WACE,QAAS6B,GAAoBC,GAC3B,GAAIC,GAAWtG,UAAUC,OAAS,GAAsBkD,SAAjBnD,UAAU,GAAmBA,UAAU,IAAK,EAC/EuG,EAAoBF,EAAOjB,WAAW7C,cAAc,qBAExD,KAAKgE,EACH,OACEC,SAAS,EAIb,IAAIC,GAAQH,GAGVG,KAAM,WAFNA,KAAM,UAIR,OAAO5G,gBACL6G,GAAIL,EAAOjB,WAAW7C,cAAc,sBACpCoE,WAAW,EACXH,SAAS,GACRC,GAGL,GAAIG,GAAgB/F,SAAS0B,cAAc,mCAE3C,IAAIqE,EAAe,CACjB,GAAIC,GAAgB,GAAIC,QAAO,oCAC7BC,MAAO,IACPC,aAAc,EACdC,cAAe,EACfC,OAAQ,OACRC,YACEC,WAAW,GAEbC,WAAYjB,EAAoBQ,KAE9BU,EAAc,GAAIR,QAAO,iCAC3BC,MAAO,IACPC,aAAc,EACdC,cAAe,IACfC,OAAQ,SAGNI,IAAeT,IACjBS,EAAYC,WAAWC,QAAUX,EACjCA,EAAcU,WAAWC,QAAUF","file":"split-screen.min.js","sourcesContent":["document.addEventListener(\"DOMContentLoaded\", () => {\n    let isDesktop = window.innerWidth >= '1200';\n\n    if (isDesktop) {\n        (function gsapScrollPanel() {\n            const scrollBarWidth = window.innerWidth - document.body.clientWidth;\n\n            let controllerScrollPanel,\n                scrollSceneDefaultForward,\n                scrollSceneDefaultReverse,\n                resizeTimer;\n\n            const scrollContainers = document.querySelectorAll(\".split-screens-block-container:not(.split-screens-block-container--mobile) .split-screens-block\");\n\n            // If the .fullpage container exists, set up the fullpage section animations\n            if (scrollContainers) {\n                initController();\n                handleResize();\n            }\n\n            function shiftElementsRelativeToScrollbar(shiftWidth) {\n                document.body.style.paddingRight = `${shiftWidth}px`;\n\n                const popups = document.querySelectorAll(\".popup__content\");\n\n                if (popups.length) {\n                    popups.forEach(popup => {\n                        popup.style.marginRight = `${shiftWidth}px`;\n                    })\n                }\n\n                const goUpButtons = document.querySelectorAll(\".go-up-button\");\n\n                if (goUpButtons.length) {\n                    goUpButtons.forEach(button => {\n                        button.style.marginRight = `${shiftWidth}px`;\n                    })\n                }\n            }\n\n            function hideShowScroll() {\n                document.body.classList.add('scroll-disabled');\n                shiftElementsRelativeToScrollbar(scrollBarWidth);\n\n                setTimeout(function() {\n                    document.body.classList.remove('scroll-disabled');\n                    shiftElementsRelativeToScrollbar(0);\n                },1000)\n            }\n\n            function setBackground(element) {\n                const pic = element.querySelector(\".split-screen-block-picture img\");\n                const icon = element.querySelector(\".split-screen-block-picture .branding-icon\");\n                return `url(${icon ? icon.getAttribute(\"src\") : null}), url('${pic.getAttribute(\"src\")}')`;\n            }\n\n            function animateBackground(element) {\n                element.classList.add('animated');\n                setTimeout(() => {\n                    element.classList.remove('animated');\n                }, 1000);\n            }\n\n\n            function scrollOptions(elem, str) {\n                return str === 'enter' ?\n                {\n                    offset: 40,\n                    triggerElement: elem,\n                    triggerHook: 0\n                } :\n                {\n                    offset: 0,\n                    triggerElement: elem,\n                    triggerHook: 0.3\n                }\n            }\n\n            function calcScrollPos(elem, str, bgImage = null) {\n                if (str === 'next') {\n                    return elem.nextElementSibling ?\n                    elem.nextElementSibling.getBoundingClientRect().top - 80 :\n                    elem.getBoundingClientRect().top + window.innerHeight + 40 - 80\n                } else {\n                    return elem.previousElementSibling !== bgImage ?\n                    elem.previousElementSibling.getBoundingClientRect().top - 80\n                    : elem.getBoundingClientRect().top - window.innerHeight - 129 - 100 ;\n                }\n            }\n\n            // Initialize the scrollMagic controller\n            function initController() {\n                // Init new controller\n                controllerScrollPanel = new ScrollMagic.Controller();\n                let reInitScroll = false;\n\n                // Change behaviour of controller to animate scroll instead of jump\n                    controllerScrollPanel.scrollTo(function (newpos) {\n                        if (!reInitScroll) {\n                            gsap.to(window, {duration: 0.5, scrollTo: newpos});\n                        }  else {\n                            destroyScrollPanels();\n                            reInitScroll = false;\n                        }\n                    });\n\n\n                // Init the forward and reverse scenes\n                scrollPanelScenes();\n\n                document.addEventListener(\"destroyScrollPanels\", function(_) {\n                    reInitScroll = true;\n                });\n\n                window.addEventListener('scroll', () => {\n                    if (window.scrollY === 0) {\n                        destroyScrollPanels();\n                        reInitScrollPanels();\n                    }\n                })\n            }\n\n\n            // If window is resized, destroy controller and reset once resize has stopped\n            function handleResize() {\n                function doneResizing(){\n                    reInitScrollPanels();\n                }\n                window.addEventListener('resize', (function() {\n                    destroyScrollPanels();\n                    clearTimeout(resizeTimer);\n                    resizeTimer = setTimeout(doneResizing, 500);\n                }));\n            }\n\n\n            // Destroy scroll panels\n            function destroyScrollPanels() {\n                controllerScrollPanel.destroy();\n                scrollSceneDefaultForward.destroy();\n                scrollSceneDefaultReverse.destroy();\n            }\n\n\n            // Re-init scroll panels\n            function reInitScrollPanels() {\n                controllerScrollPanel = null;\n                scrollSceneDefaultForward = null;\n                scrollSceneDefaultReverse = null;\n                initController();\n            }\n\n            // The forward and reverse scenes\n            function scrollPanelScenes() {\n                // Create scenes for panels, when scrolling forward\n                if (scrollContainers) {\n                    scrollContainers.forEach((scrollContainer) => {\n                        const firstScreen = scrollContainer.querySelector(\".split-screen-block\");\n                        const lastScreen = scrollContainer.querySelector(\".split-screen-block:last-child\");\n                        const bgImage = scrollContainer.querySelector('.split-screen-block-bg-image');\n\n                        if (!scrollContainer.parentNode.classList.contains('split-screens-block-container--single')) {\n                            const scrollSections = scrollContainer.querySelectorAll('.split-screen-block');\n                            scrollSections.forEach(function(elem, index, array) {\n                                bgImage.style.backgroundImage = setBackground(array[0]);\n\n                                const forwardScrollPos = calcScrollPos(elem, 'next')\n\n                                scrollSceneDefaultForward = new ScrollMagic.Scene(scrollOptions(elem, 'enter'))\n                                .on('start', function(event) {\n                                    if (event.scrollDirection == 'FORWARD') {\n                                        controllerScrollPanel.scrollTo(forwardScrollPos); // If direction is forward, trigger scrollTo\n                                    } else if (event.scrollDirection == 'REVERSE') {\n                                        // Do nothing\n                                    }\n                                })\n                                // Prevent problems with momentum scrolling by pausing for a period of time\n                                .on('enter', function(event) {\n                                    hideShowScroll();\n                                })\n                                .addTo(controllerScrollPanel);\n\n                                new ScrollMagic.Scene(scrollOptions(elem, 'enter'))\n                                // Prevent problems with momentum scrolling by pausing for a period of time\n                                .on('enter', function(event) {\n                                    if (array[index + 1]) {\n                                        animateBackground(bgImage);\n                                        bgImage.style.backgroundImage = setBackground(array[index + 1]);\n                                    }\n                                })\n                                .addTo(controllerScrollPanel);\n                            })\n\n                            const reversedScrollSections = scrollContainer.querySelectorAll('.split-screen-block:nth-child(n+2)');\n\n                            // Create scenes for panels, when scrolling reverse\n                            reversedScrollSections.forEach(function(elem, index, array) {\n                                const reverseScrollPos = calcScrollPos(elem, 'prev', bgImage)\n\n                            scrollSceneDefaultReverse = new ScrollMagic.Scene(scrollOptions(elem))\n                            .on('start', function(event) {\n                                if (event.scrollDirection == 'FORWARD') {\n                                // Do nothing\n                                } else if (event.scrollDirection == 'REVERSE') {\n                                    controllerScrollPanel.scrollTo(reverseScrollPos); // If direction is reverse, trigger scrollTo\n                                }\n                            })\n                            // Prevent problems with momentum scrolling by pausing for a period of time\n                            .on('leave', function(event) {\n                                hideShowScroll();\n                            })\n                            .addTo(controllerScrollPanel);\n\n                            new ScrollMagic.Scene(scrollOptions(elem))\n                            .on('leave', function() {\n                                if (array[index - 1]) {\n                                    animateBackground(bgImage);\n                                    bgImage.style.backgroundImage = setBackground(array[index - 1]);\n                                }\n                            })\n                            .addTo(controllerScrollPanel);\n                            })\n\n                        } else {\n                            const singleBlockImageContainer = scrollContainer.querySelector('.split-screen-block');\n                            if (singleBlockImageContainer) {\n                               bgImage.style.backgroundImage = setBackground(singleBlockImageContainer)\n                            }\n                        }\n\n                        function attachBackground() {\n                            if (window.scrollY >= firstScreen.getBoundingClientRect().top+pageYOffset - 80 && window.scrollY < lastScreen.getBoundingClientRect().top+pageYOffset + 100) {\n                                bgImage.classList.add(\"attached\");\n                            } else {\n                                if (window.scrollY >= lastScreen.getBoundingClientRect().top+pageYOffset) {\n                                    bgImage.classList.add(\"bottom-bg\");\n                                } else {\n                                    bgImage.classList.remove(\"bottom-bg\")\n                                }\n\n                                bgImage.classList.remove(\"attached\")\n                            }\n                        }\n\n                        if (!scrollContainer.parentNode.classList.contains('split-screens-block-container--single')) {\n                            window.addEventListener(\"scroll\", attachBackground)\n                        }\n                    })\n                }\n            }\n        }());\n    };\n\n    (function createMobileSlider() {\n        function getPaginationConfig(swiper, isCustom = false) {\n            const paginationWrapper = swiper.parentNode.querySelector(\".swiper-pagination\")\n            if (!paginationWrapper) {\n                return {\n                    enabled: false,\n                }\n            }\n\n            const type = !isCustom\n                ? { type: \"bullets\" }\n                : {\n                      type: \"custom\",\n                  }\n\n            return {\n                el: swiper.parentNode.querySelector(\".swiper-pagination\"),\n                clickable: true,\n                enabled: true,\n                ...type,\n            }\n        }\n\n        const pictureSlider = document.querySelector('.split-screen-pictures-container');\n\n        if (pictureSlider) {\n            const pictureSwiper = new Swiper('.split-screen-pictures-container', {\n                speed: 800,\n                spaceBetween: 0,\n                slidesPerView: 1,\n                effect: 'fade',\n                fadeEffect: {\n                    crossFade: true\n                },\n                pagination: getPaginationConfig(pictureSlider)\n            });\n\n\n            const infosSlider = new Swiper('.split-screen-infos-container', {\n                speed: 800,\n                spaceBetween: 0,\n                slidesPerView: 1.2,\n                effect: 'slide',\n            });\n\n            if (infosSlider && pictureSwiper) {\n                infosSlider.controller.control = pictureSwiper;\n                pictureSwiper.controller.control = infosSlider;\n            }\n        }\n    }())\n})\n"]}