{"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 () {\r\n  initOffCanvas();\r\n});\r\n\r\nfunction initOffCanvas() {\r\n  var menuContainer = document.querySelector(\".off-canvas.burger-menu\");\r\n  var menuToggleBtns = document.querySelectorAll(\r\n    \"#burger-menu, .burger-menu__close\"\r\n  );\r\n\r\n  var bookingContainer = document.querySelector(\".off-canvas.booking-menu\");\r\n  var bookingToggleBtns = document.querySelectorAll(\r\n    '[data-toggle=\"booking-menu\"], .booking-menu__close'\r\n  );\r\n\r\n  var state = {\r\n    isActive: false,\r\n    toggleIsActive: function () {this.isActive = !this.isActive}\r\n  }\r\n\r\n  handleOffCanvas(menuContainer, menuToggleBtns, state);\r\n  handleOffCanvas(bookingContainer, bookingToggleBtns, state);\r\n\r\n  function handleOffCanvas(container, toggleBtns, state) {\r\n    var handleToggle = function (state, container) {\r\n      if (!state) {\r\n        container.style.transform = \"translateX(-100%)\";\r\n        document.querySelector(\"body\").classList.remove(\"is-off-canvas-open\");\r\n      } else {\r\n        container.style.transform = \"translateX(0)\";\r\n        document.querySelector(\"body\").classList.add(\"is-off-canvas-open\");\r\n      }\r\n    };\r\n    toggleBtns.forEach(function (btn) {\r\n      btn.addEventListener(\"click\", function () {\r\n        state.toggleIsActive()\r\n        handleToggle(state.isActive, container);\r\n      });\r\n    });\r\n\r\n\r\n  }\r\n\r\n  if (bookingContainer) {\r\n    bookingContainer.addEventListener('click', function (event) {\r\n      if (event.target.dataset.container !== 'true') return;\r\n      state.toggleIsActive()\r\n      bookingContainer.style.transform = \"translateX(-100%)\";\r\n      document.querySelector(\"body\").classList.remove(\"is-off-canvas-open\");\r\n    })\r\n  }\r\n}\r\n"],"sourceRoot":"/source/"}