{"version":3,"sources":["webpack:///./src/components/meet-the-team/meet-the-team-navigation.component.js","webpack:///./src/pages/meet-the-team.js","webpack:///./src/components/accordion/accordion.component.js"],"names":["MeetTheTeamNavigation","useEffect","curScroll","prevScroll","window","scrollY","scrollTop","curDirection","prevDirection","header","document","querySelector","header2","changeHeader","classList","add","remove","addEventListener","links","getElementsByClassName","i","length","current","className","replace","this","onclick","event","target","matches","dropdowns","openDropdown","contains","React","createElement","Fragment","href","onChange","e","ids","value","idsWithoutHashtag","accordionELements","getElementsByTagName","id","setAttribute","removeAttribute","location","hidden","UserPage","Layout","title","MeetTheTeamCard","datas","titleOfOurLeadership","data","dataOfOurLeadership","additionalClassName","titleOfSeniorCorpAccMan","dataOfSeniorCorpAccMan","titleOfHeadsOfReg","dataOfHeadsOfReg","loadMore","titleOfBusinessDevMan","dataOfBusinessDevMan","titleOfMarketingAndSupport","subDataOfMarketingTeam","subTitle","subTitleOfMarketingTeam","Collage","users","usersForMontage","marketingTeamMontage","subDataOfBusinessSupport","subTitleOfBusinessSupport","administrationTeamMontage","subDataOfIntermediaryOperations","subTitleOfIntermediaryOperations","operationsTeamMontage","subDataOfIntermediarySupportTeam","subTitleOfIntermediarySupportTeam","supportTeamMontage","Accordion","onMobile","_ref","additionalClass","_ref$id","children","onClick","accordionContainer","useRef","accordionBody","menuContext","useContext","MenuContext","inert","isMenuOpen","style","visibility","ref","concat"],"mappings":"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","file":"component---src-pages-meet-the-team-js-4fc46ec79ff6e6dc2d40.js","sourcesContent":["import React, { useEffect } from 'react';\n\nexport default function MeetTheTeamNavigation() {\n\n  useEffect(() => {\n    let curScroll;\n    let prevScroll = window.scrollY || window.scrollTop;\n    let curDirection = 0;\n    let prevDirection = 0;\n    let header = document.querySelector('.meet-the-team__navbar');\n    let header2 = document.querySelector('.meet-the-team__navbar__dropdown');\n    // Activate the hide function on this point, px.\n    const threshold = 200;\n\n    const checkScroll = () => {\n      curScroll = window.scrollY || window.scrollTop;\n      curDirection = (curScroll > prevScroll) ? 2 : 1;\n\n      if (curDirection !== prevDirection) {\n        changeHeader();\n      }\n\n      prevScroll = curScroll;\n    };\n\n    const changeHeader = () => {\n      if (curDirection === 2 && curScroll > threshold) {\n        header.classList.add('header--hide');\n        header2.classList.add('header--hide');\n        prevDirection = curDirection;\n      } else if (curDirection === 1) {\n        header.classList.remove('header--hide');\n        header2.classList.remove('header--hide');\n        prevDirection = curDirection;\n      }\n    };\n\n    window.addEventListener('scroll', checkScroll);\n\n\n    const links = document.getElementsByClassName(\"meet-the-team__navbar_anchor\");\n    for (var i = 0; i < links.length; i++) {\n      links[i].addEventListener(\"click\", function () {\n        var current = document.getElementsByClassName(\"activated\");\n        if (current.length > 0) {\n          current[0].className = current[0].className.replace(\" activated\", \"\");\n        }\n        this.className += \" activated\";\n      });\n    }\n\n    window.onclick = (event) => {\n      if (!event.target.matches('.dropbtn1')) {\n        var dropdowns = document.getElementsByClassName(\"dropdown-content1\");\n        var i;\n        for (i = 0; i < dropdowns.length; i++) {\n          var openDropdown = dropdowns[i];\n          if (openDropdown.classList.contains('showed')) {\n            openDropdown.classList.remove('showed');\n          }\n        }\n      }\n    }\n  })\n\n\n  const handleClick = (e) => {\n\n    const ids = e.target.value;\n    const idsWithoutHashtag = ids.replace('#', '');\n    const accordionELements = document.getElementsByTagName('details');\n\n    for (let i = 0; i < accordionELements.length; i++) {\n      if (accordionELements[i].id === idsWithoutHashtag) {\n        accordionELements[4].id = \"marketing&support\";\n        accordionELements[i].setAttribute('open', '');\n      } else {\n        accordionELements[i].removeAttribute('open');\n      }\n    }\n\n    window.location.href = ids;\n  }\n\n\n  return (\n    <>\n      <nav className=\"meet-the-team__navbar\">\n        <div className='meet-the-team__navbar-container'>\n          <a className=\"meet-the-team__navbar_anchor\" href='#ourleadership'>Our Leadership</a>\n\n          <a className=\"meet-the-team__navbar_anchor\" href='#seniorcorpaccman'>Corporate Account Managers</a>\n\n          <a className=\"meet-the-team__navbar_anchor\" href='#headsofregion'>Heads of Region</a>\n\n          <a className=\"meet-the-team__navbar_anchor\" href='#businessdevman'>Business Development Managers</a>\n\n          <a className=\"meet-the-team__navbar_anchor\" href='#marketing&support'>Marketing & Support</a>\n        </div>\n\n      </nav>\n      <nav className=\"meet-the-team__navbar meet-the-team__navbar__dropdown\">\n        <div className='meet-the-team__navbar-container'>\n          <select className='dropdown-select' onChange={handleClick}>\n            <option value=\"#ourleadership_\" hidden>Our Leadership</option>\n            <option value=\"#ourleadership_\">Our Leadership</option>\n            <option value=\"#seniorcorpaccman_\">Corporate Account Managers</option>\n            <option value=\"#headsofregion_\">Heads of Region</option>\n            <option value=\"#businessdevman_\">Business Development Managers</option>\n            <option value=\"#marketing&support_\">Marketing & Support</option>\n          </select>\n        </div>\n\n      </nav>\n    </>\n  )\n}\n","import React from \"react\";\nimport \"../styles/profile.scss\";\nimport MeetTheTeamCard from \"../components/meet-the-team/meet-the-team-card.component\";\nimport Layout from \"../components/layout\";\nimport { datas } from \"../data/meet-the-team-listing-data\";\nimport Accordion from \"../components/accordion/accordion.component\";\nimport MeetTheTeamNavigation from \"../components/meet-the-team/meet-the-team-navigation.component\";\nimport Collage from \"../components/meet-the-team/collage\";\nimport { usersForMontage } from \"../data/collage-people-data\";\n\nexport default function UserPage() {\n  return (\n    <Layout title=\"Meet the team\">\n      <MeetTheTeamNavigation />\n      <h1 className=\"main-title\">Meet the team</h1>\n      <div className=\"meet-the-team\">\n        <MeetTheTeamCard\n          id=\"ourleadership\"\n          title={datas.titleOfOurLeadership}\n          data={datas.dataOfOurLeadership}\n          additionalClassName=\"main-card gray-bg\"\n        />\n        <MeetTheTeamCard\n          id=\"seniorcorpaccman\"\n          title={datas.titleOfSeniorCorpAccMan}\n          data={datas.dataOfSeniorCorpAccMan}\n          additionalClassName=\"main-card\"\n        />\n        <MeetTheTeamCard\n          id=\"headsofregion\"\n          title={datas.titleOfHeadsOfReg}\n          data={datas.dataOfHeadsOfReg}\n          additionalClassName=\"main-card gray-bg\"\n        />\n        <MeetTheTeamCard\n          id=\"businessdevman\"\n          loadMore={true}\n          title={datas.titleOfBusinessDevMan}\n          data={datas.dataOfBusinessDevMan}\n          additionalClassName=\"main-card\"\n        />\n        <div className=\"hide-on-mobile\">\n          <MeetTheTeamCard\n            id=\"marketing&support\"\n            title={datas.titleOfMarketingAndSupport}\n            data={datas.subDataOfMarketingTeam}\n            subTitle={datas.subTitleOfMarketingTeam}\n            additionalClassName=\"main-card gray-bg\"\n          />\n          <Collage users={usersForMontage.marketingTeamMontage} className=\"first-montage\" />\n          <MeetTheTeamCard\n            data={datas.subDataOfBusinessSupport}\n            subTitle={datas.subTitleOfBusinessSupport}\n            additionalClassName=\"main-card gray-bg\"\n          />\n          <Collage users={usersForMontage.administrationTeamMontage} />\n          <MeetTheTeamCard\n            data={datas.subDataOfIntermediaryOperations}\n            subTitle={datas.subTitleOfIntermediaryOperations}\n            additionalClassName=\"main-card gray-bg\"\n          />\n          <Collage users={usersForMontage.operationsTeamMontage} />\n          <MeetTheTeamCard\n            data={datas.subDataOfIntermediarySupportTeam}\n            subTitle={datas.subTitleOfIntermediarySupportTeam}\n            additionalClassName=\"main-card gray-bg\"\n          />\n          <Collage users={usersForMontage.supportTeamMontage} />\n        </div>\n        <div className=\"hide-on-desktop\">\n          <Accordion id=\"marketing&support_\" title={datas.titleOfMarketingAndSupport}>\n            <div className=\"meet-the-team__card\">\n              <MeetTheTeamCard\n                onMobile={true}\n                data={datas.subDataOfMarketingTeam}\n                subTitle={datas.subTitleOfMarketingTeam}\n                additionalClassName=\"main-card \"\n              />\n              <Collage users={usersForMontage.marketingTeamMontage} />\n              <MeetTheTeamCard\n                onMobile={true}\n                data={datas.subDataOfBusinessSupport}\n                subTitle={datas.subTitleOfBusinessSupport}\n                additionalClassName=\"main-card gray-bg\"\n              />\n              <Collage users={usersForMontage.administrationTeamMontage} />\n              <MeetTheTeamCard\n                onMobile={true}\n                data={datas.subDataOfIntermediaryOperations}\n                subTitle={datas.subTitleOfIntermediaryOperations}\n                additionalClassName=\"main-card gray-bg\"\n              />\n              <Collage users={usersForMontage.operationsTeamMontage} />\n              <MeetTheTeamCard\n                onMobile={true}\n                data={datas.subDataOfIntermediarySupportTeam}\n                subTitle={datas.subTitleOfIntermediarySupportTeam}\n                additionalClassName=\"main-card gray-bg\"\n              />\n              <Collage users={usersForMontage.supportTeamMontage} />\n            </div>\n          </Accordion>\n        </div>\n      </div>\n    </Layout>\n  );\n}\n","import React, { useContext, useRef } from \"react\";\nimport { MenuContext } from \"../../context\";\n\nconst Accordion = ({ additionalClass, id = \"\", title, children, target, onClick }) => {\n  const accordionContainer = useRef(null);\n  const accordionBody = useRef(null);\n  const menuContext = useContext(MenuContext);\n\n  const handleClick = () => {\n    if (onClick) {\n      onClick(title);\n    }\n  };\n\n  return (\n    <details id={id} className=\"accordion\" inert={menuContext.isMenuOpen ? \"true\" : null}>\n      <summary className=\"accordion__head\" onClick={handleClick}>\n        <h3>\n          {title}\n          {target && <span id={target} style={{ visibility: \"hidden\" }}></span>}\n        </h3>\n      </summary>\n      <div className=\"accordion__container\" ref={accordionContainer}>\n        <div className={`${(additionalClass && additionalClass) || \"\"} accordion__body`} ref={accordionBody}>\n          {children}\n        </div>\n      </div>\n    </details>\n  );\n};\n\nexport default Accordion;\n"],"sourceRoot":""}