{"version":3,"sources":["webpack://@verndale/toolkit/./src/js/modules/notifications-bar.js"],"names":["Module","Component","$button","$notificationItem","id","e","$header","$jumpLinks","headerHeight","notificationsBarHeight","$megamenus","$megamenu","height"],"mappings":"kJAEA,MAAMA,UAAeC,WAAU,CAC7B,eAAgB,CACd,KAAK,IAAM,CACP,cAAe,KAAK,GAAG,iBAAiB,gCAAgC,EACxE,mBAAoB,KAAK,GAAG,cAAc,2BAA2B,EACrE,sBAAuB,KAAK,GAAG,iBAAiB,0BAA0B,CAE9E,EACA,KAAK,GAAG,MAAM,OAAS,GAAG,KAAK,IAAI,mBAAmB,iBACtD,KAAK,2BAA2B,CAClC,CAEA,cAAe,CACb,KAAK,IAAI,cAAc,QAAQC,GAAWA,EAAQ,iBAAiB,QAAS,KAAK,uBAAuB,KAAK,IAAI,CAAC,CAAC,EACnH,OAAO,iBAAiB,SAAU,KAAK,mBAAmB,KAAK,IAAI,CAAC,CACtE,CAEA,4BAA6B,CAC3B,KAAK,IAAI,sBAAsB,QAAQC,GAAqB,CAC1D,MAAMC,EAAKD,EAAkB,aAAa,sBAAsB,EAC3D,eAAe,QAAQ,yBAAyBC,GAAI,GACvDD,EAAkB,UAAU,OAAO,iCAAiC,EAEtE,KAAK,mBAAmB,CAC1B,CAAC,CACH,CAEA,uBAAuBE,EAAG,CACxBA,EAAE,eAAe,EACjB,MAAMF,EAAoBE,EAAE,OAAO,QAAQ,0BAA0B,EACrEF,EAAkB,UAAU,IAAI,iCAAiC,EACjE,KAAK,mBAAmB,EACxB,MAAMC,EAAKD,EAAkB,aAAa,sBAAsB,EAChE,eAAe,QAAQ,yBAAyBC,IAAM,EAAI,CAC5D,CAEA,oBAAqB,CAEnB,MAAME,EAAU,SAAS,cAAc,SAAS,EAC1CC,EAAa,SAAS,cAAc,oBAAoB,EACxDC,EAAeF,EAAQ,aACvBG,EAAwB,KAAK,IAAI,mBAAmB,aACpDC,EAAa,SAAS,iBAAiB,oBAAoB,EACjE,KAAK,GAAG,MAAM,OAAS,GAAGD,MAC1BH,EAAQ,MAAM,IAAM,GAAGG,MACpBF,IACDA,EAAW,MAAM,IAAM,GAAGE,EAAyBD,OAErDE,EAAW,QAAQC,GAAa,CAC9B,MAAOC,EAAS,OAAO,YACvBD,EAAU,MAAM,UAAY,GAAGC,EAASH,EAAyB,OACnE,CAAC,CACH,CACF,CAEA,UAAeT,C","file":"scripts/285.18a0b781.js","sourcesContent":["import { Component } from '@verndale/core';\n\nclass Module extends Component {\n  setupDefaults() {\n    this.dom = {\n        $closeButtons: this.el.querySelectorAll('.notifications-bar__ietm-close'),\n        $notificationItems: this.el.querySelector('.notifications-bar__items'),\n        $notificationBarItems: this.el.querySelectorAll('.notifications-bar__item')\n\n    }\n    this.el.style.height = `${this.dom.$notificationItems.offsetHeight}px`;\n    this.showDismmisedNotifications();\n  }\n\n  addListeners() {\n    this.dom.$closeButtons.forEach($button => $button.addEventListener('click', this.handleCloseButtonClick.bind(this)));\n    window.addEventListener('resize', this.handleWindowResize.bind(this));\n  }\n\n  showDismmisedNotifications() {\n    this.dom.$notificationBarItems.forEach($notificationItem => {\n      const id = $notificationItem.getAttribute('data-notification-id');\n      if (!sessionStorage.getItem(`notificationDismissed-${id}`)) {\n        $notificationItem.classList.remove('notifications-bar__item--hidden');\n      }\n      this.handleWindowResize();\n    });\n  }\n\n  handleCloseButtonClick(e) {\n    e.preventDefault();\n    const $notificationItem = e.target.closest('.notifications-bar__item');\n    $notificationItem.classList.add('notifications-bar__item--hidden');\n    this.handleWindowResize();\n    const id = $notificationItem.getAttribute('data-notification-id');\n    sessionStorage.setItem(`notificationDismissed-${id}`, true);\n  }\n\n  handleWindowResize() {\n\n    const $header = document.querySelector('.header');\n    const $jumpLinks = document.querySelector('.jumplinks-section');\n    const headerHeight = $header.offsetHeight;\n    const notificationsBarHeight =this.dom.$notificationItems.offsetHeight;\n    const $megamenus = document.querySelectorAll('.header__mega-menu');\n    this.el.style.height = `${notificationsBarHeight}px`;\n    $header.style.top = `${notificationsBarHeight}px`;\n    if($jumpLinks){\n      $jumpLinks.style.top = `${notificationsBarHeight + headerHeight}px`;\n    }\n    $megamenus.forEach($megamenu => {\n      const  height = window.innerHeight;\n      $megamenu.style.maxHeight = `${height - notificationsBarHeight - 150}px`;\n    });\n  }\n}\n\nexport default Module;"],"sourceRoot":""}