{"mappings":"ACAA,CACE,IAAI,EAAkB,SAAS,gBAAgB,CAAC,iCAGhD,SAAS,IAMH,aAAa,SAAS,CAAC,QAAQ,CAAC,YAClC,aAAa,SAAS,CAAC,MAAM,CAAC,WAC9B,WAAW,WACT,aAAa,SAAS,CAAC,MAAM,CAAC,SAChC,EAAG,OAEH,aAAa,SAAS,CAAC,MAAM,CAAC,UAE9B,aAAa,WAAW,CACxB,aAAa,SAAS,CAAC,MAAM,CAAC,WAGlC,CApBA,aAAe,SAAS,aAAa,CAAC,oBAuBlC,GAAmB,cACrB,EAAgB,OAAO,CAAC,SAAS,CAAc,EAC7C,EAAe,gBAAgB,CAAC,QAAS,EAC3C,GAIF,OAAO,gBAAgB,CAAC,QAAS,SAAS,CAAC,EAC3B,WAAV,EAAE,GAAG,EAAiB,aAAa,SAAS,CAAC,QAAQ,CAAC,YACxD,GAEJ,EACF","sources":["<anon>","src/components/overflowButton/overflowButton.js"],"sourcesContent":["var $216b3e7553e95397$exports = {};\n{\n    let overflowButtons = document.querySelectorAll(\"button.overflowButton__button\");\n    overflowMenu = document.querySelector(\"section.overflow\");\n    function toggleMenu() {\n        /**\n     * To allow for display: none to be used with an animation, we must use a\n     * delay to allow for the animation to finalize before applying display: none\n     */ if (overflowMenu.classList.contains(\"-opened\")) {\n            overflowMenu.classList.toggle(\"-opened\");\n            setTimeout(function() {\n                overflowMenu.classList.toggle(\"-block\");\n            }, 700);\n        } else {\n            overflowMenu.classList.toggle(\"-block\");\n            // Force reflow now that element is back in the DOM\n            overflowMenu.offsetWidth;\n            overflowMenu.classList.toggle(\"-opened\");\n        }\n    }\n    // If overflow buttons are hit\n    if (overflowButtons && overflowMenu) overflowButtons.forEach(function(overflowButton) {\n        overflowButton.addEventListener(\"click\", toggleMenu);\n    });\n    // Handle ESC key to dismiss menu\n    window.addEventListener('keyup', function(e) {\n        if (e.key === 'Escape' && overflowMenu.classList.contains(\"-opened\")) toggleMenu();\n    });\n}\n\n//# sourceMappingURL=overflowButton.js.map\n","{\n  let overflowButtons = document.querySelectorAll(\"button.overflowButton__button\");\n  overflowMenu = document.querySelector(\"section.overflow\");\n\n  function toggleMenu() {\n\n    /**\n     * To allow for display: none to be used with an animation, we must use a\n     * delay to allow for the animation to finalize before applying display: none\n     */\n    if (overflowMenu.classList.contains(\"-opened\")) {\n      overflowMenu.classList.toggle(\"-opened\");\n      setTimeout(function () {\n        overflowMenu.classList.toggle(\"-block\");\n      }, 700);\n    } else {\n      overflowMenu.classList.toggle(\"-block\");\n      // Force reflow now that element is back in the DOM\n      overflowMenu.offsetWidth;\n      overflowMenu.classList.toggle(\"-opened\");\n    }\n\n  }\n\n  // If overflow buttons are hit\n  if (overflowButtons && overflowMenu) {\n    overflowButtons.forEach(function(overflowButton) {\n      overflowButton.addEventListener(\"click\", toggleMenu);\n    });\n  }\n\n  // Handle ESC key to dismiss menu\n  window.addEventListener('keyup', function(e) {\n    if (e.key === 'Escape' && overflowMenu.classList.contains(\"-opened\")) {\n      toggleMenu();\n    }\n  });\n}\n"],"names":["overflowButtons","document","querySelectorAll","toggleMenu","overflowMenu","classList","contains","toggle","setTimeout","offsetWidth","querySelector","forEach","overflowButton","addEventListener","window","e","key"],"version":3,"file":"overflowButton.js.map"}