{"version":3,"file":"Src_Scripts_components_media-gallery_js.2bd3f327941e8fa45351.js","sources":["webpack://FinansDanmark/./Src/Scripts/components/media-gallery.js"],"sourcesContent":["export default class MediaGallery {\r\n    constructor(elm, args) {\r\n        var images = elm.querySelectorAll('.gallery-item');\r\n        var mgDots = elm.querySelectorAll('.mg-dots');\r\n        var close = elm.querySelector('[data-close-modal]');\r\n        var prev = elm.querySelector('[data-prev-arrow]');\r\n        var next = elm.querySelector('[data-next-arrow]');\r\n\r\n        var slideIndex = 1;\r\n        images.forEach(item => {\r\n            item.addEventListener('click', e => {\r\n                var control = e.target;\r\n                var dataKey = control.dataset.key;\r\n                var slideIndex = control.dataset.slideIndex;\r\n\r\n                openModal();\r\n                currentSlide(slideIndex);\r\n            })\r\n\r\n        });\r\n\r\n        if (mgDots) {\r\n            mgDots.forEach(item => {\r\n                item.addEventListener('click', e => {\r\n                    var dotsSlideIndex = e.target.dataset.dotsSlideIndex;\r\n                    currentSlide(dotsSlideIndex);\r\n                });\r\n            });\r\n        }\r\n\r\n        if (close) {\r\n            close.addEventListener('click', e => {\r\n                console.log(\"der klikkes på luk\");\r\n                closeModal();\r\n            });\r\n        }\r\n\r\n        if (prev) {\r\n            prev.addEventListener('click', e => {\r\n                plusSlides(-1);\r\n            });\r\n        }\r\n\r\n        if (next) {\r\n            next.addEventListener('click', e => {\r\n                plusSlides(1);\r\n            });\r\n        }\r\n\r\n        function currentSlide(n) {\r\n            showSlides(slideIndex = n);\r\n        }\r\n\r\n        function plusSlides(n) {\r\n\r\n            slideIndex = parseInt(slideIndex) + parseInt(n);\r\n            showSlides(slideIndex);\r\n        }\r\n\r\n        \r\n        //var close = elm.querySelector('.close').addEventListener('click', e => {\r\n        //    closeModal();\r\n        //})\r\n        function showSlides(n) {\r\n            var i;\r\n            var slides = elm.querySelectorAll(\".mg-slides\");\r\n            //var dots = elm.querySelectorAll(\".mg-dots\");\r\n            if (n > slides.length) { slideIndex = 1 }\r\n            if (n < 1) { slideIndex = slides.length }\r\n            for (i = 0; i < slides.length; i++) {\r\n                slides[i].style.display = \"none\";\r\n            }\r\n            //for (i = 0; i < dots.length; i++) {\r\n            //    dots[i].className = dots[i].className.replace(\" active\", \"\");\r\n            //}\r\n            slides[slideIndex - 1].style.display = \"block\";\r\n            //dots[slideIndex - 1].classList.add(\"active\");\r\n        }\r\n\r\n        // Open the Modal\r\n        function openModal() {\r\n            elm.querySelector('.mg-modal').style.display = \"block\";\r\n        }\r\n\r\n        // Close the Modal\r\n        function closeModal() {\r\n            elm.querySelector('.mg-modal').style.display = \"none\";\r\n        }\r\n\r\n    }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAIA;AACA;AACA;AACA;AADA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAAA;AACA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AADA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AA1FA;AACA;A;;A;;A","sourceRoot":""}