{"version":3,"file":"DeviceNav-a3c86b70.js","names":["define","Moduler","create","defaults","init","nav","document","querySelector","options","querySelectorAll","forEach","el","addEventListener","e","classList","toggle","logo","menu","contains","body","add","style","maxWidth","remove","setTimeout","elm","hideButton","createElement","insertBefore","firstChild","innerHTML","target","getAttribute","display","closest"],"sources":["DeviceNav.js"],"mappings":"AAAAA,OAAO,CAAC,YAAY,SAAUC,GAC1B,aAEA,OAAOA,EAAQC,OAAO,CAClBC,SAAU,CAEV,EAEAC,KAAM,WACF,IAAIC,EAAMC,SAASC,cAAc,cAE7BC,EAAUH,EAAIE,cAAc,qBAGhCF,EAAII,iBAAiB,WAAWC,SAAQC,GACpCA,EAAGC,iBAAiB,SAAS,SAAUC,GACnCR,EAAIS,UAAUC,OAAO,cACrB,IAAIC,EAAOX,EAAIE,cAAc,kCACzBU,EAAOZ,EAAIE,cAAc,mBACzBU,EAAKH,UAAUI,SAAS,oBACxBD,EAAKH,UAAUC,OAAO,mBACtBE,EAAKH,UAAUC,OAAO,cAEtBT,SAASa,KAAKL,UAAUM,IAAI,aAC5Bd,SAASa,KAAKE,MAAMC,SAAW,OAC/BN,EAAKF,UAAUM,IAAI,YACnBZ,EAAQM,UAAUS,OAAO,cAGzBN,EAAKH,UAAUS,OAAO,cAEtBC,YAAW,WACPnB,EAAIS,UAAUS,OAAO,gBACrBN,EAAKH,UAAUM,IAAI,mBACnBd,SAASa,KAAKL,UAAUS,OAAO,aAC/BP,EAAKF,UAAUS,OAAO,YACtBf,EAAQM,UAAUM,IAAI,YACtBd,SAASG,iBAAiB,uBAAuBC,SAAQe,GAAOA,EAAIX,UAAUS,OAAO,cACzF,GAAG,KAEX,MAIJ,IAAIG,EAAapB,SAASqB,cAAc,OACxCD,EAAWZ,UAAUM,IAAI,gBACzBZ,EAAQoB,aAAaF,EAAYlB,EAAQqB,YACzCH,EAAWd,iBAAiB,SAAS,WACjCP,EAAIS,UAAUS,OAAO,eACzB,IAGAlB,EAAII,iBAAiB,sBAAsBC,SAAQC,GAC/CA,EAAGC,iBAAiB,SAAS,SAAUC,GACnCR,EAAIS,UAAUM,IAAI,gBAElBf,EAAIE,cAAc,8BAA8BuB,UAAYjB,EAAEkB,OAAOC,aAAa,cAGlF3B,EAAII,iBAAiB,YAAYC,SAAQe,GAAOA,EAAIJ,MAAMY,QAAU,SAEpEpB,EAAEkB,OAAOG,QAAQ,MAAM3B,cAAc,YAAYc,MAAMY,QAAU,EACrE,KAER,GAER","sourcesContent":["define(['moduler'], function (Moduler) {\r\n    'use strict';\r\n\r\n    return Moduler.create({\r\n        defaults: {\r\n\r\n        },\r\n\r\n        init: function () {\r\n            let nav = document.querySelector('.DeviceNav');\r\n            \r\n            let options = nav.querySelector('.DeviceNav-option');\r\n\r\n            // Toggle menu\r\n            nav.querySelectorAll('.toggle').forEach(el => \r\n                el.addEventListener('click', function (e) {\r\n                    nav.classList.toggle('is-visible');\r\n                    let logo = nav.querySelector('.DeviceNav-header .Header-logo');\r\n                    let menu = nav.querySelector('.DeviceNav-list');\r\n                    if (menu.classList.contains('visually-hidden')) {\r\n                        menu.classList.toggle('visually-hidden');\r\n                        menu.classList.toggle('is-visible');\r\n\r\n                        document.body.classList.add('no-scroll');\r\n                        document.body.style.maxWidth = '100%';\r\n                        logo.classList.add('u-hidden');\r\n                        options.classList.remove('u-hidden');\r\n                   \r\n                    } else {\r\n                        menu.classList.remove('is-visible');\r\n                        // Wait for CSS animation\r\n                        setTimeout(function () {\r\n                            nav.classList.remove('view-submenu');\r\n                            menu.classList.add('visually-hidden');\r\n                            document.body.classList.remove('no-scroll');\r\n                            logo.classList.remove('u-hidden');\r\n                            options.classList.add('u-hidden');\r\n                            document.querySelectorAll('.DeviceNav-language').forEach(elm => elm.classList.remove('is-active'));\r\n                        }, 200);\r\n                    }\r\n                })\r\n            );\r\n\r\n            // Add submenu hide bar\r\n            let hideButton = document.createElement(\"div\");\r\n            hideButton.classList.add('hide-submenu');\r\n            options.insertBefore(hideButton, options.firstChild);\r\n            hideButton.addEventListener('click', function () {\r\n                nav.classList.remove('view-submenu');\r\n            });\r\n\r\n            // submenu\r\n            nav.querySelectorAll('.has-children span').forEach(el => \r\n                el.addEventListener('click', function (e) {\r\n                    nav.classList.add('view-submenu');\r\n\r\n                    nav.querySelector('.DeviceNav-parentName span').innerHTML = e.target.getAttribute('data-title');\r\n\r\n                    // Hide all the submenus...\r\n                    nav.querySelectorAll('.submenu').forEach(elm => elm.style.display = 'none');\r\n                    // ...except for the one being called\r\n                    e.target.closest('li').querySelector('.submenu').style.display = '';\r\n                })\r\n            );\r\n        }\r\n    });\r\n});"]}