{"version":3,"file":"270a013f.js","sources":["../../../src/components/globals/navigation/Navigation.client.tsx"],"sourcesContent":["import {Link} from '@shopify/hydrogen';\nimport {handleize} from 'Js/lib/handleize';\n\n/**\n * A client component that defines the navigation for a web storefront\n */\nexport default function Navigation({\n  enableDropdownIcon,\n  headerSolid,\n  navigation,\n  navigationAlignment,\n  openTab,\n  setOpenTab,\n  setSearchDrawerOpen,\n}: {\n  enableDropdownIcon: boolean;\n  headerSolid: boolean;\n  navigation: any;\n  navigationAlignment: string;\n  openTab: string;\n  setOpenTab: any;\n  setSearchDrawerOpen: any;\n}): JSX.Element {\n  const centerNavigationItems = navigationAlignment === 'center';\n  const justifyClass = centerNavigationItems\n    ? 'lg:justify-center'\n    : 'lg:justify-start';\n\n  return (\n    <nav className=\"w-full text-center\" id=\"navHeader\">\n      <ul\n        className={`nav__list w-full items-center justify-center ${justifyClass} md:flex`}\n      >\n        {navigation?.links.map((link: any) => {\n          const linkTitle = link.title || link.text;\n          const shouldUnderline =\n            openTab === linkTitle && link._type === 'linkGroup';\n          const marginRight =\n            enableDropdownIcon && link._type === 'linkGroup'\n              ? ' md:mr-[20px] xl:mr-[24px] 3xl:mr-[28px]'\n              : '';\n          return (\n            <li\n              key={linkTitle}\n              className={`nav__item relative my-1 mx-2 inline-block md:mx-[10px] lg:my-[18px] xl:mx-[14px] 3xl:mx-[18px]${marginRight}`}\n              onMouseEnter={() => {\n                setOpenTab(linkTitle);\n                setSearchDrawerOpen(false);\n              }}\n              data-nav-item={handleize(linkTitle)}\n            >\n              {link.url ? (\n                <Link\n                  to={link.url || ''}\n                  className={`whitespace-nowrap font-secondary text-[10px] lg:text-[12px] lg:leading-[13.5px] 2xl:leading-[17.25px] 2xl:text-[15px]${\n                    shouldUnderline ? ' underline' : ''\n                  }`}\n                  style={{color: headerSolid ? '#62554a' : 'white'}}\n                  data-nav-group={link._type === 'linkGroup' ? linkTitle : null}\n                >\n                  {linkTitle}\n                </Link>\n              ) : (\n                <button\n                  type=\"button\"\n                  className={`whitespace-nowrap font-secondary text-[10px] lg:text-[12px] 2xl:text-[15px]${\n                    shouldUnderline ? ' underline' : ''\n                  }`}\n                  style={{color: headerSolid ? '#62554a' : 'white'}}\n                  onMouseEnter={() => setOpenTab(linkTitle)}\n                >\n                  {linkTitle}\n                </button>\n              )}\n              {link._type === 'linkGroup' && enableDropdownIcon && (\n                <button\n                  type=\"button\"\n                  className=\"absolute right-[-15px] top-[6px]\"\n                  onClick={() => setOpenTab(linkTitle)}\n                >\n                  {NavigationItemArrow(headerSolid)}\n                </button>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n}\n\nfunction NavigationItemArrow(headerSolid: boolean) {\n  return (\n    <svg\n      height=\"12\"\n      viewBox=\"0 0 12 12\"\n      width=\"12\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"m9 6.00761905-4.02531646 3.99238095h-1.97468354l3.99493671-4.00761905-3.94936709-3.99238095h1.97468354z\"\n        fill={headerSolid ? '#63544c' : 'white'}\n        transform=\"matrix(0 1 -1 0 12 0)\"\n      />\n    </svg>\n  );\n}\n"],"names":["Navigation","enableDropdownIcon","headerSolid","navigation","navigationAlignment","openTab","setOpenTab","setSearchDrawerOpen","links","map","link","linkTitle","title","text","shouldUnderline","_type","marginRight","handleize","url","Link","color","_jsx","NavigationItemArrow"],"mappings":"mWAMA,SAAwBA,EAAW,CACjCC,mBAAAA,EACAC,YAAAA,EACAC,WAAAA,EACAC,oBAAAA,EACAC,QAAAA,EACAC,WAAAA,EACAC,oBAAAA,CASF,EAAgB,CAMd,SACE,MAAA,CAAK,UAAU,qBAAqB,GAAG,YAAW,WAChD,KAAA,CACE,UAAY,gDARYH,IAAwB,SAElD,oBACA,6BAKoF,SAEjFD,GAAAA,YAAAA,EAAYK,MAAMC,IAAKC,GAAc,CAC9BC,MAAAA,EAAYD,EAAKE,OAASF,EAAKG,KAC/BC,EACJT,IAAYM,GAAaD,EAAKK,QAAU,YACpCC,EACJf,GAAsBS,EAAKK,QAAU,YACjC,2CACA,GACN,SACE,KAAA,CAEE,UAAY,iGAAgGC,IAC5G,aAAc,IAAM,CAClBV,EAAWK,CAAS,EACpBJ,EAAoB,EAAK,CAC3B,EACA,gBAAeU,EAAUN,CAAS,EAAE,SAAA,CAEnCD,EAAKQ,MACHC,EAAI,CACH,GAAIT,EAAKQ,KAAO,GAChB,UAAY,wHACVJ,EAAkB,aAAe,KAEnC,MAAO,CAACM,MAAOlB,EAAc,UAAY,OAAO,EAChD,iBAAgBQ,EAAKK,QAAU,YAAcJ,EAAY,KAAK,SAE7DA,CAAAA,CAAS,EAGZU,EAAA,SAAA,CACE,KAAK,SACL,UAAY,8EACVP,EAAkB,aAAe,KAEnC,MAAO,CAACM,MAAOlB,EAAc,UAAY,OAAO,EAChD,aAAc,IAAMI,EAAWK,CAAS,EAAE,SAEzCA,CAAAA,CAEJ,EACAD,EAAKK,QAAU,aAAed,KAC7B,SAAA,CACE,KAAK,SACL,UAAU,mCACV,QAAS,IAAMK,EAAWK,CAAS,EAAE,SAEpCW,EAAoBpB,CAAW,CAAA,CAEnC,CAAA,GAvCIS,CAAS,CAAA,EA0CnB,CAAC,CAAA,CAEA,CAEV,CAEA,SAASW,EAAoBpB,EAAsB,CACjD,SACE,MAAA,CACE,OAAO,KACP,QAAQ,YACR,MAAM,KACN,MAAM,6BAA4B,WAElC,OAAA,CACE,EAAE,0GACF,KAAMA,EAAc,UAAY,QAChC,UAAU,uBAAA,CAAuB,CAAA,CAE/B,CAEV"}