{ "version": 3, "sources": ["../../src/scripts/modal.js"], "sourcesContent": ["const openModals = document.querySelectorAll(\"[data-open]\");\nconst closeModals = document.querySelectorAll(\"[data-close]\");\nconst isVisible = \"is-visible\";\nlet viewportWidth;\n\n// Set/update the viewportWidth value\nlet setViewportWidth = function () {\n\tviewportWidth = window.innerWidth || document.documentElement.clientWidth;\n};\n\nconst openModal = function () {\n\t// only use the modal if on tablet or higher\n\tfor (const el of openModals) {\n\t\tel.addEventListener(\"click\", function () {\n\t\t\tif (viewportWidth >= 768) {\n\t\t\t\tconst modalId = this.dataset.open;\n\t\t\t\tdocument.getElementById(modalId).classList.add(isVisible);\n\t\t\t\tdocument.body.setAttribute(\"style\", \"overflow:hidden;\");\n\t\t\t\tdocument.getElementById(\"global-header\").setAttribute(\"style\", \"display:none;\");\n\t\t\t\tdocument.getElementById(\"top-bar\").setAttribute(\"style\", \"display:none;\");\n\t\t\t\tdocument.getElementsByTagName(\"main\")[0].setAttribute(\"style\", \"z-index:9997;\");\n\t\t\t}\n\t\t});\n\t}\n};\n\nwindow.addEventListener(\"load\", function () {\n\tsetViewportWidth();\n\topenModal();\n\n\twindow.addEventListener(\n\t\t\"resize\",\n\t\tfunction () {\n\t\t\tsetViewportWidth();\n\t\t\topenModal();\n\t\t},\n\t\tfalse,\n\t);\n});\n\nfor (const el of closeModals) {\n\tel.addEventListener(\"click\", function () {\n\t\tdocument.querySelector(\".modal.is-visible\").classList.remove(isVisible);\n\t\tdocument.body.removeAttribute(\"style\", \"overflow:hidden;\");\n\t\tdocument.getElementById(\"global-header\").removeAttribute(\"style\", \"display:none;\");\n\t\tdocument.getElementById(\"top-bar\").removeAttribute(\"style\", \"display:none;\");\n\t\tdocument.getElementsByTagName(\"main\")[0].removeAttribute(\"style\", \"z-index:9997;\");\n\t});\n}\n\ndocument.addEventListener(\"click\", (e) => {\n\tif (e.target == document.querySelector(\".modal.is-visible\")) {\n\t\tdocument.querySelector(\".modal.is-visible\").classList.remove(isVisible);\n\t\tdocument.body.removeAttribute(\"style\", \"overflow:hidden;\");\n\t\tdocument.getElementById(\"global-header\").removeAttribute(\"style\", \"display:none;\");\n\t\tdocument.getElementById(\"top-bar\").removeAttribute(\"style\", \"display:none;\");\n\t\tdocument.getElementsByTagName(\"main\")[0].removeAttribute(\"style\", \"z-index:9997;\");\n\t}\n});\n\ndocument.addEventListener(\"keyup\", (e) => {\n\t// if we press the ESC\n\tif (e.key == \"Escape\" && document.querySelector(\".modal.is-visible\")) {\n\t\tdocument.querySelector(\".modal.is-visible\").classList.remove(isVisible);\n\t\tdocument.body.removeAttribute(\"style\", \"overflow:hidden;\");\n\t\tdocument.getElementById(\"global-header\").removeAttribute(\"style\", \"display:none;\");\n\t\tdocument.getElementById(\"top-bar\").removeAttribute(\"style\", \"display:none;\");\n\t\tdocument.getElementsByTagName(\"main\")[0].removeAttribute(\"style\", \"z-index:9997;\");\n\t}\n});\n"], "mappings": "MAAA,IAAMA,EAAa,SAAS,iBAAiB,aAAa,EACpDC,EAAc,SAAS,iBAAiB,cAAc,EACtDC,EAAY,aACdC,EAGAC,EAAmB,UAAY,CAClCD,EAAgB,OAAO,YAAc,SAAS,gBAAgB,WAC/D,EAEME,EAAY,UAAY,CAE7B,QAAWC,KAAMN,EAChBM,EAAG,iBAAiB,QAAS,UAAY,CACxC,GAAIH,GAAiB,IAAK,CACzB,IAAMI,EAAU,KAAK,QAAQ,KAC7B,SAAS,eAAeA,CAAO,EAAE,UAAU,IAAIL,CAAS,EACxD,SAAS,KAAK,aAAa,QAAS,kBAAkB,EACtD,SAAS,eAAe,eAAe,EAAE,aAAa,QAAS,eAAe,EAC9E,SAAS,eAAe,SAAS,EAAE,aAAa,QAAS,eAAe,EACxE,SAAS,qBAAqB,MAAM,EAAE,CAAC,EAAE,aAAa,QAAS,eAAe,CAC/E,CACD,CAAC,CAEH,EAEA,OAAO,iBAAiB,OAAQ,UAAY,CAC3CE,EAAiB,EACjBC,EAAU,EAEV,OAAO,iBACN,SACA,UAAY,CACXD,EAAiB,EACjBC,EAAU,CACX,EACA,EACD,CACD,CAAC,EAED,QAAWC,KAAML,EAChBK,EAAG,iBAAiB,QAAS,UAAY,CACxC,SAAS,cAAc,mBAAmB,EAAE,UAAU,OAAOJ,CAAS,EACtE,SAAS,KAAK,gBAAgB,QAAS,kBAAkB,EACzD,SAAS,eAAe,eAAe,EAAE,gBAAgB,QAAS,eAAe,EACjF,SAAS,eAAe,SAAS,EAAE,gBAAgB,QAAS,eAAe,EAC3E,SAAS,qBAAqB,MAAM,EAAE,CAAC,EAAE,gBAAgB,QAAS,eAAe,CAClF,CAAC,EAGF,SAAS,iBAAiB,QAAU,GAAM,CACrC,EAAE,QAAU,SAAS,cAAc,mBAAmB,IACzD,SAAS,cAAc,mBAAmB,EAAE,UAAU,OAAOA,CAAS,EACtE,SAAS,KAAK,gBAAgB,QAAS,kBAAkB,EACzD,SAAS,eAAe,eAAe,EAAE,gBAAgB,QAAS,eAAe,EACjF,SAAS,eAAe,SAAS,EAAE,gBAAgB,QAAS,eAAe,EAC3E,SAAS,qBAAqB,MAAM,EAAE,CAAC,EAAE,gBAAgB,QAAS,eAAe,EAEnF,CAAC,EAED,SAAS,iBAAiB,QAAU,GAAM,CAErC,EAAE,KAAO,UAAY,SAAS,cAAc,mBAAmB,IAClE,SAAS,cAAc,mBAAmB,EAAE,UAAU,OAAOA,CAAS,EACtE,SAAS,KAAK,gBAAgB,QAAS,kBAAkB,EACzD,SAAS,eAAe,eAAe,EAAE,gBAAgB,QAAS,eAAe,EACjF,SAAS,eAAe,SAAS,EAAE,gBAAgB,QAAS,eAAe,EAC3E,SAAS,qBAAqB,MAAM,EAAE,CAAC,EAAE,gBAAgB,QAAS,eAAe,EAEnF,CAAC", "names": ["openModals", "closeModals", "isVisible", "viewportWidth", "setViewportWidth", "openModal", "el", "modalId"] }