{"version":3,"file":"Src_Scripts_components_top-navigation_js.933defa43fe0a6eeb53b.js","sources":["webpack://FinansDanmark/./Src/Scripts/components/top-navigation.js"],"sourcesContent":["export default class TopNavigation {\r\n    constructor(elm) {\r\n\r\n        this.header = elm;\r\n\r\n        /* Burger Menu Toggle */\r\n        this.header.querySelector('.header__burger-menu').addEventListener('click', e => {\r\n            e.preventDefault();\r\n            document.body.classList.toggle('mobile-menu-open', !document.body.classList.contains('mobile-menu-open'));\r\n            const opendropdown = document.querySelectorAll('.nav-item.dropdown');\r\n            opendropdown.forEach(navItem => {\r\n                if (navItem.classList.contains('active')) {\r\n                    navItem.classList.remove('active');\r\n                }\r\n            })\r\n            \r\n        });\r\n\r\n        /* Main Menu Dropdown */\r\n        this.header.querySelectorAll('[data-open-dropdown-menu]').forEach(function(dropdownArrowElm){\r\n            dropdownArrowElm.addEventListener('click', e => {\r\n                let childNavItems = e.target.closest('.nav-item');\r\n                let alreadyActiveSelf = childNavItems.classList.contains('nav-item--active');              \r\n                const opendropdown = document.querySelectorAll('.nav-item--active');                \r\n                opendropdown.forEach(navItem => {\r\n                    if (navItem.classList.contains('nav-item--active')) {\r\n                        navItem.classList.remove('nav-item--active');\r\n                    }\r\n                });\r\n                if (!alreadyActiveSelf) {\r\n\r\n                    childNavItems.classList.add('nav-item--active');\r\n                }                \r\n            });\r\n        })\r\n\r\n        // display/ hide search\r\n        document.addEventListener('click', e => {\r\n            // check if it's desktop size window\r\n            if (window.innerWidth > 991) {\r\n                if (!e.target.closest('.header-search') && !e.target.classList.contains('search-query') && !e.target.classList.contains('search-input') && document.querySelector('.site-search').classList.contains('site-search--active')) {\r\n\r\n                    \r\n\r\n                        document.querySelector('.site-search').classList.remove('site-search--active');\r\n                    }\r\n                \r\n\r\n            }\r\n            else {\r\n                if (!e.target.closest('.header-mobile__search') && !e.target.classList.contains('search-query') && !e.target.classList.contains('search-input') && document.querySelector('.site-search').classList.contains('site-search--active')) {\r\n\r\n                    \r\n                        document.querySelector('.site-search').classList.remove('site-search--active');\r\n                    \r\n                }\r\n            }\r\n            \r\n        });\r\n\r\n        /* Header search */\r\n        this.header.querySelector('[data-header-search]').addEventListener('click', e => {\r\n            document.querySelector('.site-search').classList.toggle('site-search--active');\r\n        })\r\n\r\n        /* Mobile Header search */\r\n        this.header.querySelector('[data-header-mobile-search]').addEventListener('click', e => {\r\n            document.querySelector('.site-search').classList.toggle('site-search--active');\r\n        })\r\n\r\n        \r\n\r\n        /* Site Menu Toggle */\r\n        const siteLinkDropdown = this.header.querySelector('[data-open-site-link-dropdown]');\r\n        siteLinkDropdown.addEventListener('click', e => {\r\n            siteLinkDropdown.classList.toggle('open', !siteLinkDropdown.classList.contains('open'));\r\n        });\r\n\r\n        window.addEventListener('click', e => {\r\n            if (!e.target.closest('.dropdown')) {\r\n                const opendropdown = document.querySelectorAll('.nav-item--active');\r\n                opendropdown.forEach(open => {\r\n\r\n                    open.classList.remove('nav-item--active');\r\n\r\n                })\r\n            }\r\n\r\n            if (!e.target.closest('.site-link-dropdown')) {\r\n                siteLinkDropdown.classList.remove('open');\r\n            }\r\n        })\r\n    }\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAEA;AAEA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAIA;AACA;AAGA;AAEA;AAGA;AAEA;AACA;AAEA;AAEA;AACA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AACA;AACA;AAIA;AACA;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA7FA;AACA;A;;A;;A","sourceRoot":""}