{"version":3,"sources":["js/userEvents.js"],"names":["initOffCanvas","handleOffCanvas","container","toggleBtns","state","handleToggle","style","transform","document","querySelector","classList","add","remove","forEach","btn","addEventListener","toggleIsActive","isActive","menuContainer","menuToggleBtns","querySelectorAll","bookingContainer","bookingToggleBtns","this","event","target","dataset"],"mappings":"AAIA,QAASA,iBAmBP,QAASC,GAAgBC,EAAWC,EAAYC,GAC9C,GAAIC,GAAe,SAAUD,EAAOF,GAC7BE,GAIHF,EAAUI,MAAMC,UAAY,gBAC5BC,SAASC,cAAc,QAAQC,UAAUC,IAAI,wBAJ7CT,EAAUI,MAAMC,UAAY,oBAC5BC,SAASC,cAAc,QAAQC,UAAUE,OAAO,uBAMpDT,GAAWU,QAAQ,SAAUC,GAC3BA,EAAIC,iBAAiB,QAAS,WAC5BX,EAAMY,iBACNX,EAAaD,EAAMa,SAAUf,OA/BnC,GAAIgB,GAAgBV,SAASC,cAAc,2BACvCU,EAAiBX,SAASY,iBAC5B,qCAGEC,EAAmBb,SAASC,cAAc,4BAC1Ca,EAAoBd,SAASY,iBAC/B,sDAGEhB,GACFa,UAAU,EACVD,eAAgB,WAAaO,KAAKN,UAAYM,KAAKN,UAGrDhB,GAAgBiB,EAAeC,EAAgBf,GAC/CH,EAAgBoB,EAAkBC,EAAmBlB,GAsBjDiB,GACFA,EAAiBN,iBAAiB,QAAS,SAAUS,GACZ,SAAnCA,EAAMC,OAAOC,QAAQxB,YACzBE,EAAMY,iBACNK,EAAiBf,MAAMC,UAAY,oBACnCC,SAASC,cAAc,QAAQC,UAAUE,OAAO,yBAhDtDJ,SAASO,iBAAiB,mBAAoB,WAC5Cf","file":"userEvents.js","sourcesContent":["document.addEventListener(\"DOMContentLoaded\", function () {\n  initOffCanvas();\n});\n\nfunction initOffCanvas() {\n  var menuContainer = document.querySelector(\".off-canvas.burger-menu\");\n  var menuToggleBtns = document.querySelectorAll(\n    \"#burger-menu, .burger-menu__close\"\n  );\n\n  var bookingContainer = document.querySelector(\".off-canvas.booking-menu\");\n  var bookingToggleBtns = document.querySelectorAll(\n    '[data-toggle=\"booking-menu\"], .booking-menu__close'\n  );\n\n  var state = {\n    isActive: false,\n    toggleIsActive: function () {this.isActive = !this.isActive}\n  }\n\n  handleOffCanvas(menuContainer, menuToggleBtns, state);\n  handleOffCanvas(bookingContainer, bookingToggleBtns, state);\n\n  function handleOffCanvas(container, toggleBtns, state) {\n    var handleToggle = function (state, container) {\n      if (!state) {\n        container.style.transform = \"translateX(-100%)\";\n        document.querySelector(\"body\").classList.remove(\"is-off-canvas-open\");\n      } else {\n        container.style.transform = \"translateX(0)\";\n        document.querySelector(\"body\").classList.add(\"is-off-canvas-open\");\n      }\n    };\n    toggleBtns.forEach(function (btn) {\n      btn.addEventListener(\"click\", function () {\n        state.toggleIsActive()\n        handleToggle(state.isActive, container);\n      });\n    });\n\n\n  }\n\n  if (bookingContainer) {\n    bookingContainer.addEventListener('click', function (event) {\n      if (event.target.dataset.container !== 'true') return;\n      state.toggleIsActive()\n      bookingContainer.style.transform = \"translateX(-100%)\";\n      document.querySelector(\"body\").classList.remove(\"is-off-canvas-open\");\n    })\n  }\n}\n"],"sourceRoot":"/source/"}