{"version":3,"sources":["js/app.js"],"names":["initPhoto","photo","addEventListener","document","body","classList","add","photoURL","style","backgroundImage","slice","replace","overlay","querySelector","setAttribute","display","offsetHeight","opacity","e","target","contains","remove","once","photos","querySelectorAll","forEach"],"mappings":";AAAA,SAASA,EAAUC,GACjBA,EAAMC,iBAAiB,QAAS,WAE9BC,SAASC,KAAKC,UAAUC,IAAI,aACtBC,IAAAA,EAAWN,EAAMO,MAAMC,gBAAgBC,MAAM,GAAI,GAAGC,QAAQ,KAAM,IAClEC,EAAUT,SAASU,cAAc,kBAClBD,EAAQC,cAAc,yBAC9BC,aAAa,MAAOP,GACjCK,EAAQJ,MAAMO,QAAU,QACxBH,EAAQI,aACRJ,EAAQJ,MAAMS,QAAU,EAExBL,EAAQV,iBACN,QACA,SAAAgB,GACMA,EAAEC,OAAOd,UAAUe,SAAS,mBAE9BjB,SAASC,KAAKC,UAAUgB,OAAO,aAC/BT,EAAQJ,MAAMS,QAAU,EACxBL,EAAQV,iBACN,gBACA,WACEU,EAAQJ,MAAMO,QAAU,QAE1B,CAAEO,MAAM,MAId,CAAEA,MAAM,MAKd,IAAMC,EAASpB,SAASqB,iBAAiB,UACzCD,EAAOE,QAAQ,SAAAxB,GAASD,OAAAA,EAAUC,KAElC,IAAMW,EAAUT,SAASU,cAAc","file":"app.a3840bd5.map","sourceRoot":"..","sourcesContent":["function initPhoto(photo) {\n  photo.addEventListener(\"click\", () => {\n    // document.documentElement.classList.add(\"menu-open\");\n    document.body.classList.add(\"menu-open\");\n    const photoURL = photo.style.backgroundImage.slice(4, -1).replace(/\"/g, \"\");\n    const overlay = document.querySelector(\".photo-overlay\");\n    const overlayImage = overlay.querySelector(\".photo-overlay__image\");\n    overlayImage.setAttribute(\"src\", photoURL);\n    overlay.style.display = \"block\";\n    overlay.offsetHeight;\n    overlay.style.opacity = 1;\n\n    overlay.addEventListener(\n      \"click\",\n      e => {\n        if (e.target.classList.contains(\"photo-overlay\")) {\n          // document.documentElement.classList.remove(\"menu-open\");\n          document.body.classList.remove(\"menu-open\");\n          overlay.style.opacity = 0;\n          overlay.addEventListener(\n            \"transitionend\",\n            () => {\n              overlay.style.display = \"none\";\n            },\n            { once: true }\n          );\n        }\n      },\n      { once: true }\n    );\n  });\n}\n\nconst photos = document.querySelectorAll(\".photo\");\nphotos.forEach(photo => initPhoto(photo));\n\nconst overlay = document.querySelector(\".photo-overlay\");\n"]}