{"version":3,"file":"js/lotteryStage.5594408d89739c06cd42.js","mappings":"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","sources":["webpack://netzkern.am/./src/Feature/LotteryContentElements/code/Scripts/LotteryStage/lotteryStage.js"],"sourcesContent":["import(/* webpackChunkName: \"lotteryStage\" */ '../../Styles/LotteryStage/lotteryStage.scss');\r\nimport(/* webpackChunkName: \"link\" */ 'Common/Frontend/components/atoms/link/link.scss');\r\nimport(/* webpackChunkName: \"paginationSlickSlider\" */ 'Feature/Common/code/Pagination/Styles/paginationSlickSlider.scss');\r\n\r\n\r\nawait import(/* webpackChunkName: \"parents\" */ 'Feature/Common/code/Scripts/Common/parents');\r\n\r\nawait import(/* webpackChunkName: \"pagination\" */ 'Feature/Common/code/Scripts/Pagination/pagination');\r\n\r\nwindow.am = window.am || {};\r\n\r\nwindow.am.lotteryStage = new function () {\r\n    const lotterySlider = document.querySelectorAll('.lottery-stage__slider-elements.am-lottery-slider-inner');\r\n\r\n    var that = this;\r\n\r\n    var badges = function () {\r\n        const $lotteryStageBadge = $(\".lottery-stage__badge--items[data-slide-animation='true']\");\r\n\r\n        if ($lotteryStageBadge.length < 1) {\r\n            return;\r\n        }\r\n\r\n        $lotteryStageBadge.not('.slick-initialized').slick({\r\n            autoplay: true,\r\n            arrows: false\r\n        });\r\n    };\r\n\r\n    var footnote = function () {\r\n        const $lotteryStage = $(\".lottery-stage\");\r\n        const $footNoteTop = $lotteryStage.find(\".lottery-stage__footnote .richtext[data-footnote='short']\");\r\n        const $footNoteBottom = $lotteryStage.find(\".lottery-stage__footnote .richtext[data-footnote='long']\");\r\n\r\n        if ($footNoteTop) {\r\n\r\n\r\n            const $footNoteTopLinks = $footNoteTop.find(\"a\");\r\n            // Add aria-expanded false to links\r\n            $footNoteTopLinks.attr(\"aria-expanded\", false);\r\n            const $footNoteBottomID = $footNoteTopLinks.closest(\".richtext\").siblings(\".richtext\").attr(\"id\");\r\n            // Add aria-controls to links\r\n            $footNoteTopLinks.attr(\"aria-controls\", $footNoteBottomID);\r\n\r\n            // FootNote Top\r\n            $footNoteTop.on(\"click\", function (e) {\r\n                var $this = $(this);\r\n                var arrow = $this.find(\".lottery-stage__arrow\");\r\n\r\n                // Add aria-controls to links\r\n                var $links = $this.find(\"a\").attr(\"aria-expanded\", true);\r\n                var $sibling = $this.closest(\".richtext\").siblings(\".richtext\");\r\n\r\n                if ($sibling.attr(\"aria-hidden\") === \"true\") {\r\n                    $sibling\r\n                        .slideUp(300)\r\n                        .attr(\"aria-hidden\", false);\r\n                    if (arrow) {\r\n                        arrow[0].classList.add(\"active\");\r\n                    }\r\n\r\n                } else {\r\n                    $sibling\r\n                        .slideDown(300)\r\n                        .attr(\"aria-hidden\", true);\r\n                    $links.attr(\"aria-expanded\", false);\r\n                    if (arrow) {\r\n                        arrow[0].classList.remove(\"active\");\r\n                    }\r\n                }\r\n\r\n                $sibling.slideToggle(300);\r\n                e.preventDefault();\r\n            });\r\n\r\n            // FootNote Bottom\r\n            $footNoteBottom.on(\"click\", function (e) {\r\n                var $this = $(this);\r\n                var $sibling = $this.closest(\".richtext\").siblings(\".richtext\");\r\n\r\n                if ($sibling.find(\"a\").attr(\"aria-expanded\") === \"true\") {\r\n                    $sibling.find(\"a\").attr(\"aria-expanded\", false);\r\n                }\r\n\r\n                $this.slideToggle().attr(\"aria-hidden\", true);\r\n                e.preventDefault();\r\n            });\r\n\r\n        }\r\n    };\r\n\r\n    var slidedown = function () {\r\n        const $lotteryStageSR = $(\".lottery-stage\");\r\n\r\n\r\n        const $slideDownTop = $lotteryStageSR.find(\".lottery-stage__slidedown .richtext[data-slidedown='short']\");\r\n        const $slideDownBottom = $lotteryStageSR.find(\".lottery-stage__slidedown .richtext[data-slidedown='long']\");\r\n        const slideDownArrow = document.querySelector(\".lottery-stage__slidedown__arrow\");\r\n\r\n        if ($slideDownTop) {\r\n            const $slideDownTopLinks = $slideDownTop.find(\"a\");\r\n            // Add aria-expanded false to links\r\n            $slideDownTopLinks.attr(\"aria-expanded\", false);\r\n            const $slideDownBottomID = $slideDownTopLinks.closest(\".richtext\").siblings(\".richtext\").attr(\"id\");\r\n            // Add aria-controls to links\r\n            $slideDownTopLinks.attr(\"aria-controls\", $slideDownBottomID);\r\n\r\n            // Slidedown Top\r\n            $slideDownTop.on(\"click\", function (e) {\r\n                var $this = $(this);\r\n\r\n                // Add aria-controls to links\r\n                var $links = $this.find(\"a\").attr(\"aria-expanded\", true);\r\n                var $sibling = $this.closest(\".richtext\").siblings(\".richtext\");\r\n\r\n                if ($sibling.attr(\"aria-hidden\") === \"true\") {\r\n                    $sibling\r\n                        .slideUp(300)\r\n                        .attr(\"aria-hidden\", false);\r\n                    slideDownArrow.classList.add(\"active\");\r\n                } else {\r\n                    $sibling\r\n                        .slideDown(300)\r\n                        .attr(\"aria-hidden\", true);\r\n                    $links.attr(\"aria-expanded\", false);\r\n                    slideDownArrow.classList.remove(\"active\");\r\n                }\r\n\r\n                $sibling.slideToggle(300);\r\n                e.preventDefault();\r\n            });\r\n\r\n            // Slidedown Bottom\r\n            if ($slideDownBottom) {\r\n                $slideDownBottom.attr(\"style\", \"display: none\");\r\n            }\r\n        }\r\n\r\n    };\r\n\r\n    //Set Image height fitting lottery-stage inner text element height. For special raffle phase 1 lottery stage content, when having slider in it.\r\n    that.setStageImageHeight = (stage) => {\r\n        let clientWidth = document.querySelector('body').clientWidth;\r\n\r\n        if (clientWidth > 1022) {\r\n            let lotteryStageContainerImg = stage.querySelector(\".lottery-stage__image img\");\r\n            let lotteryStageTextBlock = stage.querySelector(\".lottery-stage__text\");\r\n            let lotteryStageTextBlockHeight = lotteryStageTextBlock.clientHeight;\r\n            let lotteryStageTextBlockPadding = 64;\r\n\r\n            lotteryStageContainerImg.style['min-height'] = `${lotteryStageTextBlockHeight + lotteryStageTextBlockPadding}px`;\r\n        }\r\n\r\n        return\r\n    }\r\n\r\n    that.reinintLotterySlickSlider = () => {\r\n        lotterySlider.forEach((slider) => {\r\n            $(slider).not('.slick-initialized').slick({\r\n                speed: 0,\r\n                adaptiveHeight: false, // Set adaptiveHeight to false\r\n                arrows: true,\r\n                dots: true,\r\n                appendDots: $(slider).parent().find(\".pagination-dots\"),\r\n                prevArrow: $(slider).parent().find(\".pagination-prev\"),\r\n                nextArrow: $(slider).parent().find(\".pagination-next\"),\r\n                dotsClass: slider.childElementCount <= 3 ? \"pagination-dots\" : \"hide\",\r\n                lazyLoad: \"progressive\"\r\n            });\r\n\r\n            $(slider).slick('setPosition');\r\n\r\n            if (window.matchMedia(\"(max-width: 767px)\").matches) {\r\n                const sideSpace = (window.innerWidth - slider.parentNode.clientWidth) / 2;\r\n                $(slider).css(\"margin-right\", (-1 * sideSpace) + \"px\");\r\n                $(slider).css(\"padding-right\", sideSpace + \"px\");\r\n            }\r\n            else if (window.matchMedia(\"(max-width: 1024px)\").matches) {\r\n                const sideSpace = (window.innerWidth - slider.parentNode.clientWidth) / 2;\r\n                $(slider).css(\"margin-right\", (-1 * sideSpace) + \"px\");\r\n                $(slider).css(\"padding-right\", sideSpace + \"px\");\r\n            } else {\r\n                $(slider).css(\"margin-right\", \"0\");\r\n                $(slider).css(\"padding-right\", \"0\");\r\n            }\r\n        });\r\n\r\n        return;\r\n    }\r\n\r\n    var initSliderElements = function () {\r\n        var mainStages = document.querySelectorAll('.lottery-stage');\r\n\r\n        mainStages.forEach(function (stage) {\r\n            var stageElements = stage.querySelectorAll('.lottery-stage__slider-element')\r\n            var pagination = stage.querySelector(\".pagination\");\r\n\r\n            if (pagination) {\r\n                if (stageElements.length <= 1) {\r\n                    pagination.remove();\r\n                }\r\n                else {\r\n                    that.setTabindexForNavigation(stage);\r\n                }\r\n            }\r\n\r\n            $(stage).find('img.lazyload').on('load', function () {\r\n                that.setEqualContentHeight(stage);\r\n                that.setStageImageHeight(stage);\r\n\r\n            });\r\n\r\n            window.addEventListener('resize', function () {\r\n                that.setStageImageHeight(stage);\r\n                setTimeout(() => {\r\n                    that.setEqualContentHeight(stage);\r\n                }, 50)\r\n\r\n                if (stageElements && stageElements.length > 1 ) {\r\n                    that.reinintLotterySlickSlider();\r\n                }\r\n            });\r\n\r\n            window.addEventListener('orientationchange', function () {\r\n                if (stageElements && stageElements.length > 1) {\r\n                    that.reinintLotterySlickSlider();\r\n                }\r\n                that.setEqualContentHeight(stage);\r\n            });\r\n        });\r\n    };\r\n\r\n    that.setEqualContentHeight = function (stage) {\r\n        var textboxes = stage.querySelectorAll('.lottery-stage__slider-element');\r\n        var highestTextBox = 0;\r\n\r\n        textboxes.forEach(function (textbox) {\r\n            textbox.style.height = \"auto\";\r\n        });\r\n\r\n        textboxes.forEach(function (textbox) {\r\n            if (textbox.offsetHeight > highestTextBox) {\r\n                highestTextBox = textbox.offsetHeight;\r\n            }\r\n        });\r\n\r\n        textboxes.forEach(function (textbox) {\r\n            textbox.style.height = highestTextBox + \"px\";\r\n        });\r\n\r\n        return;\r\n    }\r\n\r\n    that.setTabindexForNavigation = function (stage) {\r\n        var prev = stage.querySelector('.prev');\r\n        var next = stage.querySelector('.next');\r\n\r\n        if (prev && next) {\r\n            prev.setAttribute('tabindex', '0');\r\n            next.setAttribute('tabindex', '0');\r\n        }\r\n    }\r\n\r\n    that.init = function () {\r\n        that.reinintLotterySlickSlider();\r\n\r\n        var sliders = document.querySelectorAll('.lottery-stage');\r\n\r\n        if (sliders && sliders.length > 0) {\r\n            badges();\r\n            footnote();\r\n            slidedown();\r\n            initSliderElements();\r\n        }\r\n\r\n        //Set footnote background color according to the page color: white/grey, default is grey\r\n        var lotteryPageBGGreyElement = document.querySelector('main.lottery-page--bg-grey');\r\n        if (lotteryPageBGGreyElement) {\r\n            var lotteryStageFootnoteElement = lotteryPageBGGreyElement.querySelectorAll('.lottery-stage__footnote--outer');\r\n            lotteryStageFootnoteElement.forEach(x => x.setAttribute('data-background-color', 'color-primary100'));\r\n        }\r\n\r\n        //initiate elements' height setting functions on content ready\r\n        let stateCheck = setInterval(() => {\r\n            if (document.readyState === 'complete') {\r\n                // document ready\r\n                var mainStagesWithSliders = document.querySelectorAll('.lottery-stage');\r\n\r\n                mainStagesWithSliders.forEach(function (stage) {\r\n                    if (stage.querySelector('.lottery-stage__slider-elements')) {\r\n                        that.setEqualContentHeight(stage);//yet not working at this point\r\n                        that.setStageImageHeight(stage);\r\n                    }\r\n                });\r\n\r\n                clearInterval(stateCheck);\r\n                // document ready\r\n            }\r\n        }, 100);\r\n    }\r\n\r\n}\r\n\r\nwindow.am.lotteryStage.init();"],"names":["window","am","lotteryStage","lotterySlider","document","querySelectorAll","that","this","setStageImageHeight","stage","querySelector","clientWidth","lotteryStageContainerImg","lotteryStageTextBlockHeight","clientHeight","lotteryStageTextBlockPadding","style","reinintLotterySlickSlider","forEach","slider","$","not","slick","speed","adaptiveHeight","arrows","dots","appendDots","parent","find","prevArrow","nextArrow","dotsClass","childElementCount","lazyLoad","matchMedia","matches","sideSpace","innerWidth","parentNode","css","setEqualContentHeight","textboxes","highestTextBox","textbox","height","offsetHeight","setTabindexForNavigation","prev","next","setAttribute","init","sliders","length","$lotteryStageBadge","autoplay","badges","$lotteryStage","$footNoteTop","$footNoteBottom","$footNoteTopLinks","attr","$footNoteBottomID","closest","siblings","on","e","$this","arrow","$links","$sibling","slideUp","classList","add","slideDown","remove","slideToggle","preventDefault","footnote","$lotteryStageSR","$slideDownTop","$slideDownBottom","slideDownArrow","$slideDownTopLinks","$slideDownBottomID","slidedown","stageElements","pagination","addEventListener","setTimeout","lotteryPageBGGreyElement","x","stateCheck","setInterval","readyState","clearInterval"],"sourceRoot":""}