{"version":3,"sources":["webpack:///./src/js/modules/masthead.js"],"names":["Masthead","Component","setupDefaults","this","dom","copy","el","querySelector","link","expandableCopy","dataset","select","panels","querySelectorAll","country","panelId","Array","from","options","forEach","element","value","map","panel","panelValue","style","display","makeCopyExpandable","addListeners","addEventListener","selectPanels","bind","e","target","classList","contains","parentDiv","parentElement","readMoreButton","document","createElement","add","innerText","readMoreLabel","insertBefore","append","handleReadMore","remove","textContent","readLessLabel"],"mappings":"2FAAA,kBAEA,MAAMA,UAAiBC,YACrBC,gBACEC,KAAKC,IAAM,CACTC,KAAMF,KAAKG,GAAGC,cAAc,kBAC5BC,KAAML,KAAKG,GAAGC,cAAc,iBAC5BE,eAAgBN,KAAKG,GAAGI,QAAQD,eAChCE,OAAQR,KAAKG,GAAGC,cAAc,qBAC9BK,OAAQT,KAAKG,GAAGO,iBAAiB,mBAGnC,MAAMC,EAAUX,KAAKG,GAAGI,QAAQI,QAChC,GAAIA,GAAWX,KAAKC,IAAIO,OAAQ,CAC9B,IAAII,EAAU,KACdC,MAAMC,KAAKd,KAAKC,IAAIO,OAAOO,SAASC,QAASC,IACvCA,EAAQC,QAAUP,IACpBC,EAAUK,EAAQC,SAGtBlB,KAAKC,IAAIO,OAAOU,MAAQN,EAG1BC,MAAMC,KAAKd,KAAKC,IAAIQ,QAAQU,IAAKC,IAC3BpB,KAAKC,IAAIO,OAAOU,QAAUE,EAAMb,QAAQc,aAC1CD,EAAME,MAAMC,QAAU,UAG1BvB,KAAKwB,qBAGPC,eAAe,MACb,UAAAzB,KAAKC,IAAIO,cAAT,SAAiBkB,iBAAiB,SAAU1B,KAAK2B,aAAaC,KAAK5B,OAGrE2B,aAAaE,GACX,MAAMpB,EAAST,KAAKG,GAAGO,iBAAiB,kBACxCG,MAAMC,KAAKL,GAAQU,IAAKC,IAClBS,EAAEC,OAAOZ,QAAUE,EAAMb,QAAQc,WACnCD,EAAME,MAAMC,QAAU,OAEtBH,EAAME,MAAMC,QAAU,SAI5BC,qBACE,GAAIxB,KAAKG,GAAG4B,UAAUC,SAAS,yBAAuD,SAA5BhC,KAAKC,IAAIK,eAA2B,CAC5F,MAAM2B,EAAYjC,KAAKC,IAAIC,KAAKgC,cAChClC,KAAKmC,eAAiBC,SAASC,cAAc,UAC7CrC,KAAKmC,eAAeJ,UAAUO,IAAI,8BAClCtC,KAAKmC,eAAeI,UAAYvC,KAAKG,GAAGI,QAAQiC,cAC5CxC,KAAKC,IAAII,KACX4B,EAAUQ,aAAazC,KAAKmC,eAAgBnC,KAAKC,IAAII,MAErD4B,EAAUS,OAAO1C,KAAKmC,gBAExBnC,KAAKmC,eAAeT,iBAAiB,QAAS1B,KAAK2C,eAAef,KAAK5B,OACvEA,KAAKC,IAAIC,KAAK6B,UAAUO,IAAI,6BAIhCK,iBACM3C,KAAKC,IAAIC,KAAK6B,UAAUC,SAAS,6BACnChC,KAAKC,IAAIC,KAAK6B,UAAUa,OAAO,4BAC/B5C,KAAKmC,eAAeU,YAAc7C,KAAKG,GAAGI,QAAQuC,gBAElD9C,KAAKC,IAAIC,KAAK6B,UAAUO,IAAI,4BAC5BtC,KAAKmC,eAAeU,YAAc7C,KAAKG,GAAGI,QAAQiC,gBAKzC3C","file":"96.bundle.js","sourcesContent":["import { Component } from '@verndale/core'\n\nclass Masthead extends Component {\n  setupDefaults() {\n    this.dom = {\n      copy: this.el.querySelector('.masthead-copy'),\n      link: this.el.querySelector('.masthead-cta'),\n      expandableCopy: this.el.dataset.expandableCopy,\n      select: this.el.querySelector('.masthead__select'),\n      panels: this.el.querySelectorAll('.office-detail')\n    }\n\n    const country = this.el.dataset.country;\n    if (country && this.dom.select) {\n      let panelId = null;\n      Array.from(this.dom.select.options).forEach((element) => {\n        if (element.value === country) {\n          panelId = element.value;\n        }\n      });\n      this.dom.select.value = panelId;\n    }\n\n    Array.from(this.dom.panels).map((panel) => {\n      if (this.dom.select.value === panel.dataset.panelValue) {\n        panel.style.display = 'flex'\n      }\n    })\n    this.makeCopyExpandable()\n  }\n\n  addListeners() {\n    this.dom.select?.addEventListener('change', this.selectPanels.bind(this))\n  }\n\n  selectPanels(e) {\n    const panels = this.el.querySelectorAll('.office-detail')\n    Array.from(panels).map((panel) => {\n      if (e.target.value === panel.dataset.panelValue) {\n        panel.style.display = 'flex'\n      } else {\n        panel.style.display = 'none'\n      }\n    })\n  }\n  makeCopyExpandable() {\n    if (this.el.classList.contains('masthead--expandable') && this.dom.expandableCopy === 'true') {\n      const parentDiv = this.dom.copy.parentElement\n      this.readMoreButton = document.createElement('button')\n      this.readMoreButton.classList.add('masthead-expandable-button')\n      this.readMoreButton.innerText = this.el.dataset.readMoreLabel\n      if (this.dom.link) {\n        parentDiv.insertBefore(this.readMoreButton, this.dom.link)\n      } else {\n        parentDiv.append(this.readMoreButton)\n      }\n      this.readMoreButton.addEventListener('click', this.handleReadMore.bind(this))\n      this.dom.copy.classList.add('masthead-expandable-copy')\n    }\n  }\n\n  handleReadMore() {\n    if (this.dom.copy.classList.contains('masthead-expandable-copy')) {\n      this.dom.copy.classList.remove('masthead-expandable-copy')\n      this.readMoreButton.textContent = this.el.dataset.readLessLabel\n    } else {\n      this.dom.copy.classList.add('masthead-expandable-copy')\n      this.readMoreButton.textContent = this.el.dataset.readMoreLabel\n    }\n  }\n}\n\nexport default Masthead\n"],"sourceRoot":""}