{"version":3,"file":"6313-723f34a8dd15f549d626.js","mappings":"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","sources":["webpack://adler-and-allan/./src/hoc/withMotionMax.tsx","webpack://adler-and-allan/./src/stories/Widgets/Global/HeaderRevamped/HeaderRevamped.styles.ts","webpack://adler-and-allan/./src/stories/Widgets/Global/HeaderRevamped/MobileNavigation/MobileNavigation.styles.ts","webpack://adler-and-allan/./src/stories/Widgets/Global/HeaderRevamped/MobileNavigation/MobileNavigation.tsx","webpack://adler-and-allan/./src/stories/Widgets/Global/HeaderRevamped/DesktopNavigation/DesktopNavigation.tsx","webpack://adler-and-allan/./src/stories/Widgets/Global/HeaderRevamped/HeaderRevamped.tsx"],"sourcesContent":["import { domMax, LazyMotion } from 'framer-motion';\r\nimport React from 'react';\r\nexport function withMotionMax(WrappedComponent) {\r\n    const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\r\n    const ComponentWithMotionMax = (props) => {\r\n        return (React.createElement(LazyMotion, { features: domMax, strict: true },\r\n            React.createElement(WrappedComponent, { ...props })));\r\n    };\r\n    ComponentWithMotionMax.displayName = `withMotionMax(${displayName})`;\r\n    return ComponentWithMotionMax;\r\n}\r\n","import { transition } from '@helpers/animate';\r\nimport brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { ButtonReset } from '@helpers/global';\r\nimport { baseGrid, siteWide } from '@helpers/grid';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport scrollbars from '@helpers/scrollbars';\r\nimport srOnly from '@helpers/srOnly';\r\nimport { paragraphSmall } from '@helpers/typography';\r\nimport ContentCardStyles from '@stories/Components/Cards/ContentCard/ContentCard.styles';\r\nimport ButtonStyles from '@stories/Components/Global/Buttons/Button/Button.styles';\r\nimport { m } from 'framer-motion';\r\nimport styled, { createGlobalStyle, css } from 'styled-components';\r\nconst GlobalStyles = createGlobalStyle `\r\n  :root {\r\n    --headerHeight: ${fluid(65, 99, Device.Mobile, Device.TabletLarge)} !important;\r\n\r\n    @media ${from(Device.TabletLarge)} {\r\n      --headerHeight: 147px !important;\r\n    }\r\n  }\r\n`;\r\nconst Outerlay = styled.div `\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  z-index: 1;\r\n  width: 0;\r\n  height: 0;\r\n  background-color: transparent;\r\n  opacity: 0.1;\r\n\r\n  &[data-set-outerlay='true'] {\r\n    height: 100%;\r\n    width: 100%;\r\n  }\r\n`;\r\nconst Spacer = styled.div `\r\n  height: 200vh;\r\n`;\r\nconst Container = styled.header `\r\n  --backgroundColor: var(--bgColor);\r\n  --separatorColor: ${brand.global.separator};\r\n  --separatorColorDark: var(--accentColorSecondary);\r\n  --textColor: var(--primaryAltColor);\r\n\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  z-index: 9;\r\n`;\r\nconst Inner = styled.div `\r\n  ${siteWide};\r\n  position: relative;\r\n  z-index: 1;\r\n`;\r\nconst TopArea = styled.div `\r\n  ${transition('max-height')};\r\n  background-color: var(--backgroundColor);\r\n  border-bottom: 1px solid var(--separatorColor);\r\n  overflow: hidden;\r\n  max-height: 100px;\r\n\r\n  [data-show-reduced='true'] & {\r\n    max-height: 0;\r\n  }\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    display: none;\r\n  }\r\n`;\r\nconst Grid = styled.div `\r\n    ${baseGrid};\r\n    min-height: 56px;\r\n`;\r\nconst ContactArea = styled.div `\r\n  grid-column: span 3;\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  align-items: center;\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    grid-column: span 6;\r\n  }\r\n`;\r\nconst TopLinks = styled.div `\r\n  ${paragraphSmall};\r\n  grid-column: 4 / span 5;\r\n  \r\n  padding: 10px;\r\n  margin: 0;\r\n  text-align: right;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  gap: 30px;\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    grid-column: 7 / span 6;\r\n    padding-right: 0;\r\n  }\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    display: none;\r\n  }\r\n`;\r\nconst LinkList = styled.ul ``;\r\nconst TopLink = styled.li `\r\n  display: inline-block;\r\n  margin-right: 48px;\r\n  position: relative;\r\n\r\n  &::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    right: -24px;\r\n    height: 100%;\r\n    width: 1px;\r\n    background-color: var(--separatorColor);\r\n  \r\n  }\r\n\r\n  &:last-of-type {\r\n    margin: 0;\r\n\r\n    &::after {\r\n        content: none;\r\n    }\r\n  }\r\n\r\n  a {\r\n    ${transition('text-decoration-color')};\r\n\r\n    display: inline-block;\r\n    color: var(--topLinkText);\r\n    text-decoration: underline;\r\n    text-decoration-color: transparent;\r\n    text-decoration-thickness: 1px;\r\n    text-underline-offset: 2px;\r\n\r\n    &:focus {\r\n      outline: none;\r\n    }\r\n\r\n    &.focus-ring {\r\n      outline: auto;\r\n      outline-offset: 3px;\r\n      outline-color: var(--topLinkText);\r\n    }\r\n\r\n    &:hover,\r\n    &.focus-ring {\r\n      text-decoration-color: currentColor;\r\n    }\r\n  }\r\n`;\r\nconst LoginBtn = styled.a `\r\n    ${transition('background-size, color', 0.4)};\r\n    border: 1px solid var(--accentColorSecondary);\r\n    padding: 6px 23px;\r\n    background-color: transparent;\r\n    text-transform: uppercase;\r\n    font-size: 16px;\r\n    line-height: 22px;\r\n    font-weight: 400;\r\n    border-radius: 4px;\r\n    color: var(--accentColorSecondary);\r\n    text-decoration: none;\r\n\r\n    background-image: linear-gradient(\r\n        -67.65deg,\r\n        transparent 50%,\r\n        var(--accentColorPrimary) 50%\r\n    );\r\n    background-repeat: no-repeat;\r\n    background-size: 0% 100%;\r\n\r\n    &:focus {\r\n      outline: none;\r\n    }\r\n\r\n    &.focus-ring {\r\n      outline: auto;\r\n      outline-offset: 3px;\r\n      outline-color: var(--textColor);\r\n    }\r\n\r\n    &:hover,\r\n    &.focus-ring {\r\n      background-size: 225% 100%;\r\n      color: var(--bgColor);\r\n      border-color: var(--accentColorPrimary);\r\n    }\r\n`;\r\nconst MainContainer = styled.div `\r\n  ${transition('padding')};\r\n  background-color: var(--backgroundColor);\r\n  border-bottom: 1px solid var(--separatorColor);\r\n  padding: ${fluid(16, 24)} 0;\r\n  position: relative;\r\n  \r\n  [data-show-reduced='true'] & {\r\n    @media ${from(Device.TabletLarge)} {\r\n      padding: 8px;\r\n    }\r\n  }\r\n\r\n  > ${Inner} {\r\n    ${baseGrid};\r\n\r\n    @media ${until(Device.DesktopSmall)} {\r\n      gap: 16px;\r\n    }\r\n\r\n    align-items: center;\r\n  }\r\n`;\r\nconst LogoWrapper = styled.a `\r\n  display: block;\r\n  grid-column: 1 / span 2;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    grid-column: 1 / span 2;\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    grid-column: 1 / span 3;\r\n\r\n    [data-show-reduced='true'] & {\r\n      grid-column: 1 / span 2;\r\n    }\r\n  }\r\n\r\n  &.focus-ring {\r\n    outline: auto;\r\n    outline-offset: 3px;\r\n    outline-color: var(--textColor);\r\n  }\r\n`;\r\nconst Logo = styled.img `\r\n  display: block;\r\n  max-height: ${fluid(40, 44)};\r\n\r\n  [data-show-reduced='true'] & {\r\n    display: none;\r\n  }\r\n`;\r\nconst LogoReduced = styled.img `\r\n  display: none;\r\n  max-height: ${fluid(40, 44)};\r\n\r\n  [data-show-reduced='true'] & {\r\n    display: block;\r\n  }\r\n`;\r\nconst ActionWrapper = styled.div `\r\n  grid-column: 3 / span 2;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  gap: ${fluid(18, 36, Device.TabletLarge, Device.DesktopXL)};\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    grid-column: 4 / span 5;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    grid-column: 3 / span 6;\r\n    justify-content: space-between;\r\n    gap: 10px;\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    gap: ${fluid(18, 36, Device.DesktopSmall, Device.DesktopXL)};\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    grid-column: 4 / span 9;\r\n\r\n  }\r\n`;\r\nconst HeaderContent = styled.div `\r\n  display: flex;  \r\n  gap: 16px;\r\n\r\n  > ${ButtonStyles.Container} {\r\n    --buttonSize: 44px;\r\n    order: 3;\r\n    white-space: nowrap;\r\n    min-width: 170px;\r\n\r\n\r\n    @media ${until(Device.TabletLarge)} {\r\n      display: none;\r\n    }\r\n  }\r\n  \r\n`;\r\nconst SearchButton = styled.button `\r\n  ${ButtonReset};\r\n  ${transition('background-color', 0.4)};\r\n\r\n  order: 2;\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 4px;\r\n  display: grid;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  > svg {\r\n    ${transition('color', 0.4)};\r\n    color: var(--textColor);\r\n    display: block;\r\n    height: 25px;\r\n    width: 25px;\r\n  }\r\n\r\n  ${ActionWrapper}[data-action-open='true'] &,\r\n  &:hover {\r\n    @media ${from(Device.TabletLarge)} {\r\n      background-color: var(--menuHoverColor);\r\n    }\r\n  }\r\n\r\n  ${ActionWrapper}[data-action-open='true'] & {\r\n    @media ${until(Device.TabletLarge)} {\r\n      display: none;\r\n    }\r\n  \r\n  }\r\n`;\r\nconst SearchForm = styled.form `\r\n    ${transition('transform')};\r\n    background-color: var(--backgroundColor);\r\n    border-bottom: 1px solid var(--separatorColor);\r\n    position: absolute;\r\n    padding: 10px 12px 13px;\r\n    width: 100%;\r\n    bottom: 0;\r\n    left: 0;\r\n    display: flex;\r\n    z-index: -1;\r\n\r\n    &[data-is-open='true'] {\r\n      transform: translateY(100%);\r\n    }\r\n`;\r\nconst SearchInner = styled.div `\r\n    ${siteWide};\r\n\r\n    @media ${until(Device.MobileLarge)} {\r\n      padding: 0;\r\n    }\r\n`;\r\nconst InputWrapper = styled.div `\r\n  position: relative;\r\n  width: 100%;\r\n  margin: auto;\r\n\r\n  @media ${from(Device.Mobile)} {\r\n    max-width: ${fluid(350, 642)};\r\n  }\r\n`;\r\nconst SearchField = styled.input `\r\n  height: 48px;\r\n  border: 0;\r\n  background-color: hsla(var(--fgColorString) / 0.1);\r\n  border-radius: calc(var(--borderRadius) * 0.5);\r\n  padding: 0 48px 0 16px;\r\n  width: 100%;\r\n\r\n  &:focus-visible {\r\n    background-color: hsla(var(--fgColorString) / 0.15);\r\n  }\r\n`;\r\nconst SearchFormButton = styled.button `\r\n  ${transition('opacity')};\r\n  ${ButtonReset};\r\n\r\n  padding: 12px 30px 14px;\r\n  background-color: var(--separatorColorDark);\r\n  border-radius: calc(var(--borderRadius) * 0.5);\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n  color: var(--bgColor);\r\n  font-size: 16px;\r\n  line-height: 22px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n\r\n  > svg {\r\n    color: var(--bgColor);\r\n    display: block;\r\n    height: 24px;\r\n    width: 24px;\r\n  }\r\n\r\n  &.focus-ring {\r\n    outline: auto;\r\n    outline-offset: 3px;\r\n    outline-color: var(--textColor);\r\n  }\r\n\r\n  &:hover,\r\n  &.focus-ring {\r\n    opacity: 0.8;\r\n  }\r\n`;\r\nconst PhoneLink = styled.a `\r\n  ${transition('opacity')};\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  color: var(--primaryColor);\r\n  text-decoration: none;\r\n  order: 1;\r\n\r\n  &.focus-ring {\r\n    outline: auto;\r\n    outline-offset: 3px;\r\n    outline-color: var(--primaryColor);\r\n  }\r\n\r\n  &:hover,\r\n  &.focus-ring {\r\n    opacity: 0.7;\r\n  }\r\n\r\n  > svg {\r\n    display: block;\r\n    height: 25px;\r\n    width: 25px;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    order: 2;\r\n  }\r\n\r\n  ${ActionWrapper}[data-action-open='true'] & {\r\n    display: none;\r\n  }\r\n`;\r\nconst PhoneLinkMobile = styled(PhoneLink) `\r\n  color: var(--primaryAltColor);\r\n  \r\n  svg {\r\n    display: block;\r\n    height: 25px;\r\n    width: 25px;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    display: none;\r\n  }\r\n`;\r\nconst PhoneText = styled.span `\r\n  font-weight: 400;\r\n  font-size: 16px;\r\n  line-height: 22px;\r\n  white-space: nowrap;\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    ${srOnly};\r\n  }\r\n`;\r\nconst PhoneNumber = styled.span `\r\n  font-weight: 700;\r\n  font-size: 16px;\r\n  line-height: 28px;\r\n  white-space: nowrap;\r\n\r\n  > span {\r\n    @media ${until(Device.TabletLarge)} {\r\n      ${srOnly};\r\n    }\r\n  }\r\n`;\r\nconst CloseButton = styled.button `\r\n  ${ButtonReset};\r\n\r\n  font-weight: 700;\r\n  font-size: 10px;\r\n  text-transform: uppercase;\r\n  color: var(--textColor);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 4px;\r\n  order: 3;\r\n\r\n  > svg {\r\n    display: block;\r\n    height: 16px;\r\n    width: 16px;\r\n  }\r\n\r\n  ${ActionWrapper}[data-action-open='false'] & {\r\n    display: none;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    display: none;\r\n  }\r\n`;\r\nconst MenuButton = styled.button `\r\n  ${ButtonReset};\r\n\r\n  order: 3;\r\n\r\n  > svg {\r\n    color: var(--textColor);\r\n    display: block;\r\n    height: 25px;\r\n    width: 25px;\r\n  }\r\n\r\n  ${ActionWrapper}[data-action-open='true'] & {\r\n    display: none;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    display: none;\r\n  }\r\n`;\r\nconst MobileNav = styled.nav `\r\n  ${transition('transform')};\r\n\r\n  position: fixed;\r\n  height: calc(100dvh - var(--headerHeight));\r\n  width: 100%;\r\n  top: var(--headerHeight);\r\n  background-color: var(--backgroundColor);\r\n  overflow: auto;\r\n  color: var(--textColor);\r\n\r\n  &[data-is-open='false'] {\r\n    transform: translateX(100%);\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    display: none;\r\n  }\r\n`;\r\nconst MobileNavInner = styled.div `\r\n  width: 100%;\r\n`;\r\nconst PrimaryNavLinkStyles = css `\r\n  font-weight: 700;\r\n  display: block;\r\n  font-size: 16px;\r\n  line-height: 20px;\r\n  color: currentColor;\r\n  text-decoration: none;\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n`;\r\nconst NavLinkStyles = css `\r\n  ${transition('text-decoration-color')};\r\n\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n  line-height: 20px;\r\n  color: currentColor;\r\n  text-decoration: none;\r\n  text-decoration: underline;\r\n  text-decoration-color: transparent;\r\n  text-decoration-thickness: 1px;\r\n  text-underline-offset: 2px;\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &.focus-ring {\r\n    outline: auto;\r\n    outline-offset: 3px;\r\n    outline-color: var(--textColor);\r\n  }\r\n\r\n  &.focus-ring,\r\n  &:hover {\r\n    text-decoration-color: currentColor;\r\n  }\r\n`;\r\nconst MobileNavButton = styled.button `\r\n  ${ButtonReset};\r\n  ${PrimaryNavLinkStyles};\r\n\r\n  padding: 14px var(--sitePadding);\r\n  border-bottom: 1px solid var(--separatorColor);\r\n  position: relative;\r\n  width: 100%;\r\n  text-align: left;\r\n\r\n  &:not(a) {\r\n    &::before,\r\n    &::after {\r\n      display: block;\r\n      content: '';\r\n      position: absolute;\r\n      right: var(--sitePadding);\r\n      top: 50%;\r\n      width: 14px;\r\n      height: 2px;\r\n      background-color: var(--textColor);\r\n    }\r\n\r\n    &[data-is-open='true']::after,\r\n    &::before {\r\n      transform: translateY(-50%);\r\n    }\r\n\r\n    &::after {\r\n      ${transition('transform')};\r\n\r\n      transform: translateY(-50%) rotate(90deg);\r\n    }\r\n  }\r\n\r\n  &[data-indent='true'] {\r\n    padding-left: calc(var(--sitePadding) * 2);\r\n    background-color: var(--highlightColorPrimary);\r\n\r\n    a& {\r\n      font-weight: 400;\r\n    }\r\n  }\r\n`;\r\nconst MobileNavLink = styled.a `\r\n  ${NavLinkStyles};\r\n\r\n  display: block;\r\n  padding: 14px var(--sitePadding) 14px calc(var(--sitePadding) * 3);\r\n  border-bottom: 1px solid var(--separatorColor);\r\n  width: 100%;\r\n`;\r\nconst MobileColumnsWrapper = styled(m.div) `\r\n  overflow: hidden;\r\n`;\r\nconst DesktopNav = styled.nav `\r\n  background: var(--backgroundColor);\r\n  color: var(--fgColor);\r\n\r\n  > ${Inner} {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: ${fluid(16, 32)};\r\n\r\n    @media ${from(Device.TabletLarge)} {\r\n      gap: 16px;\r\n      padding: 0;\r\n    }\r\n\r\n    @media ${from(Device.DesktopSmall)} {\r\n      gap: ${fluid(16, 32)};\r\n      padding: 0 var(--sitePadding);\r\n    }\r\n\r\n  }\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    display: none;\r\n  }\r\n`;\r\nconst DesktopNavItem = styled(m.li) `\r\n  position: relative;\r\n`;\r\nconst DesktopPrimaryNavLink = styled.a `\r\n  ${transition('border-color, padding')};\r\n  ${PrimaryNavLinkStyles};\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n\r\n  padding: 17px 0;\r\n  border-bottom: 5px solid transparent;\r\n\r\n  [data-show-reduced='true'] & {\r\n    @media ${from(Device.TabletLarge)} {\r\n      padding: 19px 0;\r\n    }\r\n  }\r\n\r\n  svg {\r\n    transform: rotate(90deg);\r\n    height: 12px;\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n\r\n  &.focus-ring,\r\n  ${DesktopNavItem}[data-is-active='true'] & {\r\n    border-color: var(--separatorColorDark);\r\n    z-index: 2;\r\n    position: relative;\r\n\r\n    svg {\r\n      transform: rotate(-90deg);\r\n    }\r\n  }\r\n`;\r\nconst DropdownMenuColumn = styled(m.ul) `\r\n  padding: 0;\r\n\r\n  &[data-first-featured-column='true'] {\r\n    margin-left: auto;\r\n  }\r\n\r\n  ${ContentCardStyles.Container} {\r\n    margin: 0 0 14px;\r\n  }\r\n\r\n  ${ContentCardStyles.ContentWrapper} {\r\n    padding: 18px 20px 11px;\r\n  }\r\n\r\n  ${ContentCardStyles.Title} {\r\n    font-weight: 400;\r\n    font-size: 16px;\r\n    line-height: 22px;\r\n  }\r\n`;\r\nconst DropdownMenuColumnFirst = styled(DropdownMenuColumn) `\r\n  ${transition('opacity')};\r\n\r\n  position: absolute;\r\n  top: calc(100% + 15px);\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  opacity: 0;\r\n  background-color: var(--backgroundColor);\r\n  border: 1px solid var(--separatorColor);\r\n  border-top: none;\r\n  width: 282px;\r\n  z-index: 0;\r\n\r\n  &:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -1px;\r\n    left: 0;\r\n    height: 1px;\r\n    width: 100%;\r\n    border-top: 1px solid var(--separatorColor);\r\n    z-index: 1;\r\n  }\r\n\r\n  [data-show-reduced='true'] & {\r\n    top: calc(100% + 1px);\r\n  }\r\n\r\n  ${DesktopNavItem}[data-is-active='true'] & {\r\n    max-height: calc(100vh - var(--headerHeight));\r\n    opacity: 1;\r\n    z-index: 1;\r\n\r\n    &[data-is-simple='false'] {\r\n      border-top: 0.5px solid var(--separatorColor);\r\n    }\r\n  }\r\n`;\r\nconst DropdownMenuColumnThird = styled(DropdownMenuColumn) `\r\n  display: none;\r\n  min-height: calc(100% + 1px);\r\n\r\n  &[data-is-active='true'] {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 100%;\r\n    display: block;\r\n    background-color: var(--backgroundColor);\r\n    border: 1px solid var(--separatorColor);\r\n    border-top: none;\r\n    width: 282px;\r\n    padding-top: 1px;\r\n\r\n    &:before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      height: 1px;\r\n      width: 100%;\r\n      border-top: 1px solid var(--separatorColor);\r\n      z-index: 1;\r\n    }\r\n  }\r\n`;\r\nconst ExtraPadding = styled.div `\r\n  padding-right: 20px;\r\n`;\r\nconst DropdownMenuTitle = styled.li `\r\n  ${PrimaryNavLinkStyles};\r\n\r\n  padding-bottom: 8px;\r\n  border-bottom: 2px solid var(--separatorColorDark);\r\n  margin: 10px 0 26px;\r\n`;\r\nconst DropdownMenuLink = styled.a `\r\n  ${NavLinkStyles};\r\n  ${transition('padding')};\r\n  padding: 10px 19px 10px 28px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  gap: 10px;\r\n  text-decoration: none;\r\n  position: relative;\r\n\r\n  svg {\r\n    transform: translateY(4px);\r\n    height: 14px;\r\n    flex: 0 0 8px;\r\n  }\r\n  \r\n`;\r\nconst DropdownMenuItem = styled.li `\r\n  ${transition('background-color')};\r\n\r\n  position: relative;\r\n\r\n  &:last-of-type {\r\n\r\n    &::after {\r\n      content: none;\r\n    }\r\n  }\r\n\r\n  &::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 16px;\r\n    height: 1px;\r\n    width: calc(100% - 30px);\r\n    border-bottom: 1px solid var(--separatorColor);\r\n  }\r\n\r\n  &:before {\r\n    ${transition('opacity')};\r\n\r\n    content: '';\r\n    position: absolute;\r\n    left: 22px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    height: 16px;\r\n    width: 2px;\r\n    background-color: var(--primaryAltColor);\r\n    opacity: 0;\r\n  }\r\n\r\n  &[data-is-active='true'] {\r\n    background-color: var(--menuHoverColor);\r\n\r\n    ${DropdownMenuLink} {\r\n      padding-left: 38px;\r\n\r\n      &:before {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 100%;\r\n        left: 0;\r\n        height: 1px;\r\n        width: 100%;\r\n        background-color: var(--menuHoverColor);\r\n      }\r\n    }\r\n\r\n    &:before {\r\n      opacity: 1;\r\n    }\r\n\r\n    &::after {\r\n      border-bottom: 1px solid var(--menuHoverColor);\r\n    }\r\n  }\r\n\r\n  ${DropdownMenuColumnThird} & {\r\n\r\n    &:hover {\r\n      background-color: var(--menuHoverColor);\r\n\r\n      ${DropdownMenuLink} {\r\n        padding-left: 38px;\r\n\r\n        &:before {\r\n          content: '';\r\n          position: absolute;\r\n          bottom: 100%;\r\n          left: 0;\r\n          height: 1px;\r\n          width: 100%;\r\n          background-color: var(--menuHoverColor);\r\n        }\r\n      }\r\n\r\n      &:before {\r\n        opacity: 1;\r\n      }\r\n\r\n      &::after {\r\n        border-bottom-color: var(--menuHoverColor);\r\n      }\r\n    }\r\n  }\r\n`;\r\nconst DropdownMultiLinkSection = styled.div `\r\n  display: none;\r\n  min-height: calc(100% + 2px);\r\n\r\n  &[data-is-active='true'] {\r\n    position: absolute;\r\n    left: 100%;\r\n    top: -1px;\r\n    display: block;\r\n    background-color: var(--backgroundColor);\r\n    border: 1px solid var(--separatorColor);\r\n    border-top: none;\r\n    width: 282px;\r\n    padding-top: 1px;\r\n\r\n    &:before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      height: 1px;\r\n      width: 100%;\r\n      border-top: 1px solid var(--separatorColor);\r\n      z-index: 1;\r\n    }\r\n  }\r\n\r\n  &[data-span-cols='3'] {\r\n    ${DropdownMenuColumn} {\r\n      flex: 0 0 calc(33% - ${fluid(18, 24)});\r\n    }\r\n  }\r\n\r\n  &[data-span-cols='2'] {\r\n    ${DropdownMenuColumn} {\r\n      flex: 0 0 calc(50% - ${fluid(18, 24)});\r\n    }\r\n  }\r\n\r\n  &[data-span-cols='1'] {\r\n    ${DropdownMenuColumn} {\r\n      flex: 0 0 100%;\r\n    }\r\n  }\r\n\r\n  > ${DropdownMenuColumn}  {\r\n\r\n    &:last-of-type {\r\n      ${DropdownMenuItem} {\r\n        &::after {\r\n          content: none;\r\n        }\r\n      }\r\n    }\r\n\r\n    ${DropdownMenuItem} {\r\n      &[data-is-active='true'] {\r\n        &::after {\r\n          border-bottom-color: var(--menuHoverColor);\r\n        }\r\n      }\r\n\r\n      &::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 16px;\r\n        height: 1px;\r\n        width: calc(100% - 30px);\r\n      }\r\n    }\r\n\r\n    ${DropdownMenuColumnThird} {\r\n      ${DropdownMenuItem} {\r\n        &:last-of-type {      \r\n          &::after {\r\n            content: none;\r\n          }\r\n        }\r\n      }\r\n\r\n      ${DropdownMenuItem} {\r\n        &:hover {\r\n          &::after {\r\n            border-bottom-color: var(--separatorColor);\r\n          }\r\n        }\r\n\r\n        &::after {\r\n          content: '';\r\n          position: absolute;\r\n          bottom: 0;\r\n          left: 16px;\r\n          height: 1px;\r\n          width: calc(100% - 30px);\r\n          border-bottom-color: var(--separatorColor);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  \r\n`;\r\nconst DropdownMenuCtaWrapper = styled.div `\r\n  font-weight: 400;\r\n  font-size: 14px;\r\n  line-height: 20px;\r\n  background-color: var(--highlightColorPrimary);\r\n  border-top: 1px solid var(--separatorColor);\r\n  padding: 16px 0;\r\n\r\n  > ${Inner} {\r\n    display: flex;\r\n    gap: 12px;\r\n    align-items: center;\r\n  }\r\n`;\r\nconst DropdownMenuWrapper = styled.div `\r\n  ${scrollbars};\r\n  ${transition('opacity')};\r\n\r\n  position: absolute;\r\n  left: 0;\r\n  transform: translateX(-50%);\r\n  overflow: hidden;\r\n  max-height: 0;\r\n  opacity: 0;\r\n  width: auto;\r\n  background-color: var(--backgroundColor);\r\n  border-bottom: 1px solid var(--separatorColorDark);\r\n\r\n  \r\n\r\n  > ${Inner} {\r\n    display: flex;\r\n    gap: ${fluid(18, 24)};\r\n    padding: 0 var(--sitePadding);\r\n  }\r\n\r\n`;\r\nconst HeaderRevampedStyles = {\r\n    ActionWrapper,\r\n    CloseButton,\r\n    ContactArea,\r\n    Container,\r\n    DesktopNav,\r\n    DesktopNavItem,\r\n    DesktopPrimaryNavLink,\r\n    DropdownMenuColumn,\r\n    DropdownMenuColumnFirst,\r\n    DropdownMenuColumnThird,\r\n    DropdownMenuCtaWrapper,\r\n    DropdownMenuItem,\r\n    DropdownMenuLink,\r\n    DropdownMultiLinkSection,\r\n    DropdownMenuTitle,\r\n    DropdownMenuWrapper,\r\n    ExtraPadding,\r\n    GlobalStyles,\r\n    Grid,\r\n    HeaderContent,\r\n    Inner,\r\n    InputWrapper,\r\n    LinkList,\r\n    LoginBtn,\r\n    Logo,\r\n    LogoReduced,\r\n    LogoWrapper,\r\n    MainContainer,\r\n    MenuButton,\r\n    MobileColumnsWrapper,\r\n    MobileNav,\r\n    MobileNavButton,\r\n    MobileNavInner,\r\n    MobileNavLink,\r\n    Outerlay,\r\n    PhoneLink,\r\n    PhoneLinkMobile,\r\n    PhoneNumber,\r\n    PhoneText,\r\n    SearchButton,\r\n    SearchField,\r\n    SearchForm,\r\n    SearchFormButton,\r\n    SearchInner,\r\n    Spacer,\r\n    TopArea,\r\n    TopLink,\r\n    TopLinks,\r\n};\r\nexport default HeaderRevampedStyles;\r\n","import { transition } from '@helpers/animate';\r\nimport brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { ButtonReset } from '@helpers/global';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport { default as SvgBack, default as SvgChevron } from '@img/icons/chevron-right.svg';\r\nimport ButtonStyles from '@stories/Components/Global/Buttons/Button/Button.styles';\r\nimport { rgba } from 'polished';\r\nimport styled from 'styled-components';\r\nconst Container = styled.nav `\r\n  position: fixed;\r\n  top: 63px;\r\n  left: 0;\r\n  bottom: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: var(--bgColor);\r\n  color: var(--fgColor);\r\n  /* height: calc(100vh - 63px); */\r\n  opacity: 0;\r\n  overflow-y: auto;\r\n  padding: 0 0 30px;\r\n  pointer-events: none;\r\n  transition: opacity 0.15s;\r\n  width: 100%;\r\n  z-index: 100;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    display: none;\r\n  }\r\n\r\n  &[data-m-active='true'] {\r\n    opacity: 1;\r\n    pointer-events: all;\r\n  }\r\n`;\r\nconst TopArea = styled.div `\r\n  background-color: var(--backgroundColor);\r\n  border-bottom: 1px solid var(--separatorColor);\r\n  padding: ${fluid(12, 36)} 20px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n`;\r\nconst ActionWrapper = styled.div `\r\n  grid-column: 3 / span 2;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  gap: ${fluid(18, 36)};\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    grid-column: 4 / span 5;\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    grid-column: 5 / span 8;\r\n  }\r\n\r\n  > ${ButtonStyles.Container} {\r\n    order: 3;\r\n    white-space: nowrap;\r\n\r\n    @media ${until(Device.TabletLarge)} {\r\n      display: none;\r\n    }\r\n  }\r\n`;\r\nconst CloseButton = styled.button `\r\n  ${ButtonReset};\r\n\r\n  font-weight: 700;\r\n  font-size: 10px;\r\n  text-transform: uppercase;\r\n  color: var(--textColor);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  > svg {\r\n    display: block;\r\n    height: 16px;\r\n    width: 16px;\r\n  }\r\n\r\n  ${ActionWrapper}[data-action-open='false'] & {\r\n    display: none;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    display: none;\r\n  }\r\n`;\r\nconst ListArea = styled.div `\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%;\r\n`;\r\nconst List = styled.ul `\r\n  padding: 0;\r\n  flex: 0 1 auto;\r\n  overflow: auto;\r\n`;\r\nconst ListChildren = styled(List) `\r\n  flex: 1 1 auto;\r\n`;\r\nconst Item = styled.li `\r\n  border-bottom: 1px solid ${brand.highlight.primary};\r\n`;\r\nconst Arrow = styled(SvgChevron) `\r\n  margin-left: auto;\r\n  margin-right: 0;\r\n  height: 15px;\r\n`;\r\nconst Link = styled.a `\r\n  display: flex;\r\n  align-items: center;\r\n  color: currentColor;\r\n  background-color: ${rgba(brand.global.white, 0.05)};\r\n  font-weight: 700;\r\n  font-size: 16px;\r\n  letter-spacing: -0.01em;\r\n  line-height: 1em;\r\n  text-decoration: none;\r\n  padding: 16px 20px;\r\n  border-radius: 4px;\r\n  transition: color 0.3s, background-color 0.3s;\r\n  position: relative;\r\n\r\n  &:after {\r\n    content: '';\r\n    position: absolute;\r\n    display: block;\r\n    left: -18px;\r\n    height: 24px;\r\n    width: 4px;\r\n    border-radius: 400000px;\r\n    background-color: transparent;\r\n  }\r\n\r\n  &[data-active-page='true'] {\r\n    color: ${brand.accent.primary};\r\n    background-color: ${brand.global.white};\r\n\r\n    &:after {\r\n      background-color: ${brand.global.white};\r\n    }\r\n  }\r\n\r\n  svg {\r\n    margin-right: 10px;\r\n  }\r\n\r\n  ${Arrow} {\r\n    margin-right: 0;\r\n  }\r\n\r\n  &:focus,\r\n  &:hover {\r\n    color: ${brand.accent.secondary};\r\n    background-color: ${brand.global.white};\r\n    text-decoration: none;\r\n  }\r\n`;\r\nconst Text = styled.span `\r\n  svg {\r\n    margin-right: 5px;\r\n  }\r\n\r\n  svg,\r\n  span {\r\n    vertical-align: middle;\r\n  }\r\n`;\r\nconst BackSvg = styled(SvgBack) `\r\n  margin-left: auto;\r\n  height: 15px;\r\n`;\r\nconst Header = styled.header `\r\n  border-bottom: 1px solid ${brand.highlight.primary};\r\n  background-color: ${brand.highlight.primary};\r\n`;\r\nconst Back = styled.button `\r\n  ${ButtonReset};\r\n  display: flex;\r\n  align-items: center;\r\n  font-weight: 700;\r\n  color: var(--fg);\r\n  font-size: 16px;\r\n  line-height: 20px;\r\n  margin: 0;\r\n  padding: 15px 20px;\r\n\r\n  span {\r\n    position: relative;\r\n  }\r\n\r\n  > svg {\r\n    margin-right: 10px;\r\n    transform: scaleX(-1);\r\n  }\r\n`;\r\nconst Current = styled(Link) `\r\n  color: ${brand.global.white};\r\n  text-decoration: none;\r\n  margin-bottom: 10px;\r\n`;\r\nconst SmallList = styled(List) `\r\n  padding: 5px 0;\r\n`;\r\nconst SmallLink = styled(Link) `\r\n  color: ${brand.highlight.primary};\r\n  font-weight: 400;\r\n  font-size: 16px;\r\n`;\r\nconst LogOutBtn = styled.button `\r\n  display: flex;\r\n  align-items: center;\r\n  color: ${brand.highlight.primary};\r\n  border: none;\r\n  background-color: ${rgba(brand.global.white, 0.05)};\r\n  font-weight: 400;\r\n  font-size: 16px;\r\n  letter-spacing: -0.01em;\r\n  line-height: 1em;\r\n  text-decoration: none;\r\n  padding: 14px 10px;\r\n  border-radius: 4px;\r\n  transition: color 0.3s, background-color 0.3s;\r\n  position: relative;\r\n  width: 100%;\r\n\r\n  &:after {\r\n    content: '';\r\n    position: absolute;\r\n    display: block;\r\n    left: -18px;\r\n    height: 24px;\r\n    width: 4px;\r\n    border-radius: 400000px;\r\n    background-color: transparent;\r\n  }\r\n\r\n  svg {\r\n    margin-right: 10px;\r\n  }\r\n\r\n  &:focus,\r\n  &:hover {\r\n    color: ${brand.accent.secondary};\r\n    background-color: ${brand.global.white};\r\n    text-decoration: none;\r\n  }\r\n`;\r\nconst Divider = styled.hr `\r\n  display: block;\r\n  border: 0;\r\n  border-bottom: 1px solid ${brand.highlight.primary};\r\n  width: 100%;\r\n`;\r\nconst HomeLink = styled.a ``;\r\nconst NavLogo = styled.div ``;\r\nconst LogoMedia = styled.img `\r\n  display: block;\r\n  max-height: ${fluid(40, 52)};\r\n`;\r\nconst BaseList = styled(List) `\r\n  display: flex;\r\n  flex: 0 0 auto;\r\n  align-items: flex-end;\r\n  flex-direction: column;\r\n  height: auto;\r\n\r\n  ${Item} {\r\n    display: block;\r\n    width: 100%;\r\n  }\r\n`;\r\nconst AccountBtnHolder = styled.div `\r\n  grid-column: 12;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    display: none;\r\n  }\r\n`;\r\nconst AccountBtn = styled.a `\r\n  background-color: transparent;\r\n  display: block;\r\n  border: 2px solid ${brand.global.white};\r\n  border-radius: 9000000px;\r\n  width: 40px;\r\n  height: 40px;\r\n  padding: 3px;\r\n  text-decoration: none;\r\n`;\r\nconst AccountBtnInner = styled.div `\r\n  font-weight: 700;\r\n  font-size: 14px;\r\n  color: ${brand.accent.primary};\r\n  border-radius: 9000000px;\r\n  width: 30px;\r\n  height: 30px;\r\n  background-color: ${brand.global.white};\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n`;\r\nconst FooterArea = styled.div `\r\n  padding: 12px;\r\n  \r\n`;\r\nconst FooterInner = styled.div `\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n\r\n  ${ButtonStyles.Container} {\r\n    --buttonSize: 38px;\r\n  }\r\n\r\n  ${ButtonStyles.IconWrapper} {\r\n    display: none;\r\n  }\r\n  \r\n`;\r\nconst ContactArea = styled.div `\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  align-items: center;\r\n`;\r\nconst PhoneLink = styled.a `\r\n  ${transition('opacity')};\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  color: var(--textColor);\r\n  text-decoration: none;\r\n  margin: auto;\r\n  order: 1;\r\n\r\n  &.focus-ring {\r\n    outline: auto;\r\n    outline-offset: 3px;\r\n    outline-color: var(--textColor);\r\n  }\r\n\r\n  &:hover,\r\n  &.focus-ring {\r\n    opacity: 0.7;\r\n  }\r\n\r\n  > svg {\r\n    display: block;\r\n    height: 25px;\r\n    width: 25px;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    order: 2;\r\n  }\r\n\r\n  ${ActionWrapper}[data-action-open='true'] & {\r\n    display: none;\r\n  }\r\n`;\r\nconst PhoneText = styled.span `\r\n  font-weight: 400;\r\n  font-size: 16px;\r\n  line-height: 22px;\r\n  white-space: nowrap;\r\n`;\r\nconst PhoneNumber = styled.span `\r\n  font-weight: 700;\r\n  font-size: 18px;\r\n  line-height: 28px;\r\n  white-space: nowrap;\r\n\r\n  span {\r\n    text-decoration: underline;\r\n  }\r\n`;\r\nconst LoginBtn = styled.a `\r\n  ${transition('background-size, color', 0.4)};\r\n  border: 1px solid var(--accentColorSecondary);\r\n  padding: 6px 23px;\r\n  background-color: transparent;\r\n  text-transform: uppercase;\r\n  font-size: 16px;\r\n  line-height: 22px;\r\n  font-weight: 400;\r\n  border-radius: 4px;\r\n  color: var(--accentColorSecondary);\r\n  text-decoration: none;\r\n  text-align: center;\r\n\r\n  background-image: linear-gradient(\r\n    -67.65deg,\r\n    transparent 50%,\r\n    var(--accentColorPrimary) 50%\r\n  );\r\n  background-repeat: no-repeat;\r\n  background-size: 0% 100%;\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &.focus-ring {\r\n    outline: auto;\r\n    outline-offset: 3px;\r\n    outline-color: var(--textColor);\r\n  }\r\n\r\n  &:hover,\r\n  &.focus-ring {\r\n    background-size: 225% 100%;\r\n    color: ${brand.global.white};\r\n  }\r\n`;\r\nconst MobileNavigationStyles = {\r\n    AccountBtn,\r\n    AccountBtnHolder,\r\n    AccountBtnInner,\r\n    Arrow,\r\n    Back,\r\n    BackSvg,\r\n    BaseList,\r\n    CloseButton,\r\n    ContactArea,\r\n    Container,\r\n    Current,\r\n    Divider,\r\n    FooterArea,\r\n    FooterInner,\r\n    Header,\r\n    HomeLink,\r\n    Item,\r\n    Link,\r\n    List,\r\n    ListArea,\r\n    ListChildren,\r\n    LoginBtn,\r\n    LogoMedia,\r\n    LogOutBtn,\r\n    NavLogo,\r\n    PhoneLink,\r\n    PhoneNumber,\r\n    PhoneText,\r\n    SmallLink,\r\n    SmallList,\r\n    Text,\r\n    TopArea,\r\n};\r\nexport default MobileNavigationStyles;\r\n","import * as React from 'react';\r\nimport PhoneIcon from '@img/icons/phone.svg';\r\nimport S from './MobileNavigation.styles';\r\nimport { FocusRing } from 'react-aria';\r\nimport LinkButton from '@stories/Components/Global/Buttons/LinkButton/LinkButton';\r\nconst MobileNavigation = ({ activePage = '', contactLink, isOpen, links, loginCta, telephone, topLinks, }) => {\r\n    const [stack, setStack] = React.useState([]);\r\n    // Reset state if navigation is toggled.\r\n    React.useEffect(() => {\r\n        if (isOpen) {\r\n            setStack([]);\r\n        }\r\n    }, [isOpen]);\r\n    // Render top level navigation...\r\n    if (stack.length === 0) {\r\n        return renderDefault();\r\n    }\r\n    // ...or current level.\r\n    return renderLevel(stack[stack.length - 1]);\r\n    /**\r\n     * Render the top-level layout.\r\n     * @returns\r\n     */\r\n    function renderDefault() {\r\n        return (React.createElement(S.Container, { \"data-m-active\": isOpen, \"aria-hidden\": !isOpen, \"aria-label\": \"Main Navigation\" },\r\n            React.createElement(S.ListArea, null,\r\n                React.createElement(S.List, null, links.map((item) => (React.createElement(S.Item, { key: `${item.id}-mobile` },\r\n                    React.createElement(S.Link, { href: item.url, tabIndex: isOpen ? 0 : -1, target: item.target, \"data-active-page\": activePage === item.id, onClick: (event) => {\r\n                            if (item.children) {\r\n                                event.preventDefault();\r\n                                push(item);\r\n                            }\r\n                        } },\r\n                        React.createElement(S.Text, null, item.text),\r\n                        !!item.children?.length && React.createElement(S.Arrow, null)))))),\r\n                React.createElement(S.BaseList, null, topLinks?.map((item) => (React.createElement(S.Item, { key: `${item.id}-id` },\r\n                    React.createElement(S.Link, { href: item.url, tabIndex: isOpen ? 0 : -1, target: item.target, \"data-active-page\": activePage === item.id },\r\n                        React.createElement(S.Text, null, item.text))))))),\r\n            React.createElement(S.FooterArea, null,\r\n                React.createElement(S.FooterInner, null,\r\n                    telephone && (React.createElement(S.ContactArea, null,\r\n                        React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n                            React.createElement(S.PhoneLink, { href: `tel:${telephone.url}`, id: 'header-phone-link' },\r\n                                React.createElement(PhoneIcon, null),\r\n                                React.createElement(S.PhoneText, null, telephone.prefix),\r\n                                React.createElement(S.PhoneNumber, null,\r\n                                    React.createElement(\"span\", null, telephone.text)))))),\r\n                    contactLink && (React.createElement(LinkButton, { buttonType: \"default\", href: contactLink.url, target: contactLink.target, id: 'header-contact-button' }, contactLink.text)),\r\n                    React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n                        React.createElement(S.LoginBtn, { href: loginCta?.url, target: loginCta?.target }, loginCta?.text ?? 'Login'))))));\r\n    }\r\n    /**\r\n     * Render the layout for the current active item (last in stack).\r\n     * @returns\r\n     */\r\n    function renderLevel(activeItem) {\r\n        return (React.createElement(S.Container, { \"data-m-active\": isOpen },\r\n            React.createElement(S.Header, null,\r\n                React.createElement(S.Back, { onClick: (event) => {\r\n                        event.preventDefault();\r\n                        pop();\r\n                    } },\r\n                    React.createElement(S.BackSvg, null),\r\n                    React.createElement(\"span\", null, activeItem.text))),\r\n            React.createElement(S.ListChildren, null,\r\n                React.createElement(S.Item, null,\r\n                    React.createElement(S.Link, { href: activeItem.url, target: activeItem.target },\r\n                        React.createElement(S.Text, null,\r\n                            React.createElement(\"span\", null, activeItem.text)))),\r\n                activeItem.children &&\r\n                    activeItem.children.map((item) => (React.createElement(S.Item, { key: `${item.id}-id` },\r\n                        React.createElement(S.Link, { href: item.url, target: item.target, \"data-active-page\": activePage === item.id, onClick: (event) => {\r\n                                if (item.children) {\r\n                                    event.preventDefault();\r\n                                    item && push(item);\r\n                                }\r\n                            } },\r\n                            React.createElement(S.Text, null,\r\n                                React.createElement(\"span\", null, item.text)),\r\n                            !!item.children?.length && React.createElement(S.Arrow, null)))))),\r\n            React.createElement(S.FooterArea, null,\r\n                React.createElement(S.FooterInner, null,\r\n                    telephone && (React.createElement(S.ContactArea, null,\r\n                        React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n                            React.createElement(S.PhoneLink, { href: `tel:${telephone.url}`, id: 'header-phone-link' },\r\n                                React.createElement(PhoneIcon, null),\r\n                                React.createElement(S.PhoneText, null, telephone.prefix),\r\n                                React.createElement(S.PhoneNumber, null,\r\n                                    React.createElement(\"span\", null, telephone.text)))))),\r\n                    contactLink && (React.createElement(LinkButton, { buttonType: \"default\", href: contactLink.url, target: contactLink.target, id: 'header-contact-button' }, contactLink.text)),\r\n                    React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n                        React.createElement(S.LoginBtn, { href: loginCta?.url, target: loginCta?.target }, loginCta?.text ?? 'Login'))))));\r\n    }\r\n    /**\r\n     * Push navigation item to stack.\r\n     * @param item\r\n     */\r\n    function push(item) {\r\n        const newStack = [...stack, item];\r\n        setStack(newStack);\r\n    }\r\n    /**\r\n     * Pop last item from stack.\r\n     * @param item\r\n     */\r\n    function pop() {\r\n        const newStack = stack.slice(0, stack.length - 1);\r\n        setStack(newStack);\r\n    }\r\n};\r\nexport default MobileNavigation;\r\n","import { withMotionMax } from '@hoc/withMotionMax';\r\nimport { useHoverIntent } from '@hooks/useHoverIntent';\r\nimport SvgChevron from '@img/icons/chevron-right.svg';\r\nimport { useReducedMotion } from 'framer-motion';\r\nimport { debounce } from 'lodash';\r\nimport * as React from 'react';\r\nimport { FocusRing } from 'react-aria';\r\nimport S from '../HeaderRevamped.styles';\r\nconst DesktopNavigation = (props) => {\r\n    const [activeId, setActiveId] = React.useState('');\r\n    const [currentParent, setCurrentParent] = React.useState('');\r\n    const [currentSubParent, setCurrentSubParent] = React.useState('');\r\n    if (!props.links) {\r\n        return null;\r\n    }\r\n    const handleActivateChange = debounce((id) => {\r\n        if (id) {\r\n            setActiveId(id);\r\n            setCurrentParent('');\r\n            setCurrentSubParent('');\r\n        }\r\n        else {\r\n            setActiveId('');\r\n        }\r\n    }, 50);\r\n    return (React.createElement(S.DesktopNav, null,\r\n        React.createElement(S.Outerlay, { \"data-set-outerlay\": activeId !== '', onClick: () => handleActivateChange('') }),\r\n        React.createElement(S.Inner, { as: \"ul\" }, props.links.map((link) => (React.createElement(NavLink, { key: link.id, activeId: activeId, currentParent: currentParent, currentSubParent: currentSubParent, onActivateChange: handleActivateChange, onCurrentParent: (id) => setCurrentParent(id), onCurrentSubParent: (id) => setCurrentSubParent(id), ...link }))))));\r\n};\r\nconst NavLink = (props) => {\r\n    const shouldReduceMotion = useReducedMotion();\r\n    const { ref: anchorRef } = useHoverIntent({\r\n        onHover() {\r\n            props.onActivateChange(props.id);\r\n        },\r\n        onBlur() {\r\n            props.onActivateChange('');\r\n            props.onCurrentParent('');\r\n        },\r\n    });\r\n    return (React.createElement(S.DesktopNavItem, { ref: anchorRef, tabIndex: props.activeId !== props.id ? -1 : undefined, \"data-is-active\": props.activeId === props.id, animate: props.activeId === props.id ? 'open' : 'closed', initial: props.activeId === props.id ? 'open' : 'closed' },\r\n        React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n            React.createElement(S.DesktopPrimaryNavLink, { href: props.url, target: \"_self\", onTouchEnd: (e) => props.activeId !== props.id && props.children.length > 0\r\n                    ? (console.log('touchend', props.children.length),\r\n                        e.preventDefault(),\r\n                        props.onActivateChange(props.id))\r\n                    : undefined },\r\n                props.text,\r\n                \" \",\r\n                props.children && props.children.length > 0 && React.createElement(SvgChevron, null))),\r\n        props.children.length > 0 && (React.createElement(React.Fragment, null,\r\n            React.createElement(S.DropdownMenuColumnFirst, { variants: {\r\n                    open: {\r\n                        height: 'auto',\r\n                        overflow: 'visible',\r\n                    },\r\n                    closed: {\r\n                        height: 0,\r\n                        overflow: 'hidden',\r\n                    },\r\n                }, transition: shouldReduceMotion ? { duration: 0 } : { ease: [0.45, 0.01, 0.1, 1], duration: 0.15 } },\r\n                props.children.map((link) => (React.createElement(S.DropdownMenuItem, { key: link.id, onMouseEnter: () => (props.onCurrentParent(link.id), props.onCurrentSubParent('')), onTouchEnd: (e) => props.currentParent !== link.id && link.children && link.children?.length > 0\r\n                        ? (e.preventDefault(), props.onCurrentParent(link.id))\r\n                        : undefined, \"data-is-active\": props.currentParent === link.id },\r\n                    React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n                        React.createElement(S.DropdownMenuLink, { href: link.url, target: link.target },\r\n                            link.text,\r\n                            \" \",\r\n                            link.children && link.children.length > 0 && React.createElement(SvgChevron, null)))))),\r\n                props.children.map((col, index) => {\r\n                    if (!col.children || col.children.length == 0) {\r\n                        return null;\r\n                    }\r\n                    return (React.createElement(S.DropdownMultiLinkSection, { key: `dropdown-${props.id}-0${index + 1}`, \"data-is-active\": props.currentParent === col.id }, col.children?.map((group, i) => (React.createElement(S.DropdownMenuColumn, { key: `${col.id}-menu-col-${i}`, \"data-no-group\": !group.children || group.children.length === 0 }, group.children && group.children.length > 0 ? (React.createElement(React.Fragment, null,\r\n                        React.createElement(S.DropdownMenuItem, { \"data-group-header\": true, \"data-is-active\": props.currentSubParent === group.id },\r\n                            React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n                                React.createElement(S.DropdownMenuLink, { href: group.url, target: group.target, onMouseEnter: () => props.onCurrentSubParent(group.id), onTouchEnd: (e) => props.currentSubParent !== group.id &&\r\n                                        group.children &&\r\n                                        group.children?.length > 0\r\n                                        ? (e.preventDefault(), props.onCurrentSubParent(group.id))\r\n                                        : undefined },\r\n                                    group.text,\r\n                                    React.createElement(SvgChevron, null)))),\r\n                        React.createElement(S.DropdownMenuColumnThird, { \"data-is-active\": props.currentSubParent === group.id }, group.children.map((link) => (React.createElement(S.DropdownMenuItem, { key: link.id },\r\n                            React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n                                React.createElement(S.DropdownMenuLink, { href: link.url, target: link.target },\r\n                                    link.text,\r\n                                    link.children && link.children.length > 0 && React.createElement(SvgChevron, null))))))))) : (React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n                        React.createElement(S.DropdownMenuItem, { \"data-group-header\": true, \"data-is-active\": props.currentSubParent === group.id },\r\n                            React.createElement(S.DropdownMenuLink, { href: group.url, target: group.target, onMouseEnter: () => props.onCurrentSubParent(group.id) },\r\n                                group.text,\r\n                                group.children && group.children.length > 0 && React.createElement(SvgChevron, null))))))))));\r\n                }))))));\r\n};\r\nexport default withMotionMax(DesktopNavigation);\r\n","import { imageUrl } from '@helpers/image';\r\nimport LinkButton from '@stories/Components/Global/Buttons/LinkButton/LinkButton';\r\nimport * as React from 'react';\r\nimport S from './HeaderRevamped.styles';\r\nimport CloseIcon from '@img/icons/close.svg';\r\nimport MenuIcon from '@img/icons/menu.svg';\r\nimport PhoneIcon from '@img/icons/phone.svg';\r\nimport SearchIcon from '@img/icons/search.svg';\r\nimport { FocusRing } from 'react-aria';\r\nimport MobileNavigation from './MobileNavigation/MobileNavigation';\r\nimport DesktopNavigation from './DesktopNavigation/DesktopNavigation';\r\nconst HeaderRevamped = (props) => {\r\n    const [showSearch, setShowSearch] = React.useState(false);\r\n    const [showMenu, setShowMenu] = React.useState(false);\r\n    const [hasScrolled, setHasScrolled] = React.useState(false);\r\n    const handleScroll = () => {\r\n        const position = window.scrollY;\r\n        position > 0 ? setHasScrolled(true) : setHasScrolled(false);\r\n    };\r\n    React.useEffect(() => {\r\n        handleScroll();\r\n    }, []);\r\n    React.useEffect(() => {\r\n        window.addEventListener('scroll', handleScroll, { passive: true });\r\n        return () => {\r\n            window.removeEventListener('scroll', handleScroll);\r\n        };\r\n    }, [hasScrolled]);\r\n    return (React.createElement(React.Fragment, null,\r\n        React.createElement(S.GlobalStyles, null),\r\n        React.createElement(S.Container, { \"data-show-reduced\": hasScrolled },\r\n            React.createElement(S.TopArea, null,\r\n                React.createElement(S.Inner, null,\r\n                    React.createElement(S.Grid, null,\r\n                        props.telephone && (React.createElement(S.ContactArea, null,\r\n                            React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n                                React.createElement(S.PhoneLink, { href: `tel:${props.telephone.url}`, id: 'header-phone-link' },\r\n                                    React.createElement(PhoneIcon, null),\r\n                                    React.createElement(S.PhoneText, null, props.telephone.prefix),\r\n                                    React.createElement(S.PhoneNumber, null,\r\n                                        React.createElement(\"span\", null, props.telephone.text)))))),\r\n                        React.createElement(S.TopLinks, null,\r\n                            props.topLinks && props.topLinks.length > 0 && (React.createElement(S.LinkList, null, props.topLinks.map((tl) => (React.createElement(S.TopLink, { key: `desktop-${tl.id}` },\r\n                                React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n                                    React.createElement(\"a\", { href: tl.url, target: tl.target }, tl.text))))))),\r\n                            props.loginCta &&\r\n                                React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n                                    React.createElement(S.LoginBtn, { href: props.loginCta?.url, target: props.loginCta?.target }, props.loginCta?.text ?? 'Login')))))),\r\n            React.createElement(S.MainContainer, null,\r\n                React.createElement(S.SearchForm, { action: props.search.action, method: \"get\", \"data-is-open\": showSearch, id: \"search-form\" },\r\n                    React.createElement(S.SearchInner, null,\r\n                        React.createElement(S.InputWrapper, null,\r\n                            React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n                                React.createElement(S.SearchField, { type: \"text\", name: \"searchTerm\", placeholder: props.search.placeholder })),\r\n                            React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n                                React.createElement(S.SearchFormButton, { type: \"submit\", \"aria-label\": \"Submit Search\" }, \"Search\"))))),\r\n                React.createElement(S.Inner, null,\r\n                    React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n                        React.createElement(S.LogoWrapper, { href: \"/\" },\r\n                            React.createElement(S.Logo, { src: imageUrl(props.logo, { width: 276, rmode: 'pad' }), alt: props.logo.altText ? props.logo.altText : 'Company Logo', loading: \"eager\" }),\r\n                            React.createElement(S.LogoReduced, { src: imageUrl(props.logoReduced ?? props.logo, { width: 176, rmode: 'pad' }), alt: (props.logoReduced?.altText ?? props.logo.altText) ? (props.logoReduced?.altText ?? props.logo.altText) : 'Company Logo', loading: \"lazy\" }))),\r\n                    React.createElement(S.ActionWrapper, { \"data-action-open\": showSearch || showMenu },\r\n                        React.createElement(DesktopNavigation, { links: props.links }),\r\n                        React.createElement(S.HeaderContent, null,\r\n                            props.telephone && (React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n                                React.createElement(S.PhoneLinkMobile, { href: `tel:${props.telephone.url}`, id: 'header-mobile-phone-link' },\r\n                                    React.createElement(S.PhoneNumber, null,\r\n                                        React.createElement(PhoneIcon, null))))),\r\n                            React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n                                React.createElement(S.SearchButton, { onClick: () => setShowSearch(!showSearch), \"aria-label\": \"Show Search\" },\r\n                                    React.createElement(SearchIcon, null))),\r\n                            props.cta && (React.createElement(LinkButton, { buttonType: \"default\", href: props.cta.url, target: props.cta.target, id: 'header-contact-button' }, props.cta.text)),\r\n                            React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n                                React.createElement(S.MenuButton, { onClick: () => {\r\n                                        setShowMenu(true);\r\n                                    }, \"aria-label\": \"Open Menu\" },\r\n                                    React.createElement(MenuIcon, null))),\r\n                            React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n                                React.createElement(S.CloseButton, { onClick: () => {\r\n                                        setShowSearch(false);\r\n                                        setShowMenu(false);\r\n                                    }, \"aria-label\": \"Close Menu\" },\r\n                                    React.createElement(CloseIcon, null),\r\n                                    \"Close\")))))),\r\n            React.createElement(MobileNavigation, { links: props.links, isOpen: showMenu, topLinks: props.topLinks, telephone: props.telephone, loginCta: props.loginCta, contactLink: props.cta }))));\r\n};\r\nexport default HeaderRevamped;\r\n"],"names":["withMotionMax","WrappedComponent","displayName","name","ComponentWithMotionMax","props","React","LazyMotion","features","domMax","strict","GlobalStyles","createGlobalStyle","fluid","Device","from","Outerlay","styled","Spacer","Container","brand","Inner","siteWide","TopArea","transition","until","Grid","baseGrid","ContactArea","TopLinks","paragraphSmall","LinkList","TopLink","LoginBtn","MainContainer","LogoWrapper","Logo","LogoReduced","ActionWrapper","HeaderContent","ButtonStyles","SearchButton","ButtonReset","SearchForm","SearchInner","InputWrapper","SearchField","SearchFormButton","PhoneLink","PhoneLinkMobile","PhoneText","srOnly","PhoneNumber","CloseButton","MenuButton","MobileNav","MobileNavInner","PrimaryNavLinkStyles","css","NavLinkStyles","MobileNavButton","MobileNavLink","MobileColumnsWrapper","m","DesktopNav","DesktopNavItem","DesktopPrimaryNavLink","DropdownMenuColumn","ContentCardStyles","DropdownMenuColumnFirst","DropdownMenuColumnThird","ExtraPadding","DropdownMenuTitle","DropdownMenuLink","DropdownMenuItem","DropdownMultiLinkSection","DropdownMenuCtaWrapper","DropdownMenuWrapper","scrollbars","ListArea","List","ListChildren","Item","Arrow","SvgChevron","Link","rgba","Text","BackSvg","SvgBack","Header","Back","Current","SmallList","SmallLink","LogOutBtn","Divider","HomeLink","NavLogo","LogoMedia","BaseList","AccountBtnHolder","AccountBtn","AccountBtnInner","FooterArea","FooterInner","activePage","contactLink","isOpen","links","loginCta","telephone","topLinks","stack","setStack","length","S","map","item","key","id","href","url","tabIndex","target","onClick","event","children","preventDefault","push","text","FocusRing","focusRingClass","PhoneIcon","prefix","LinkButton","buttonType","activeItem","newStack","slice","pop","NavLink","shouldReduceMotion","useReducedMotion","ref","anchorRef","useHoverIntent","onHover","onActivateChange","onBlur","onCurrentParent","activeId","undefined","animate","initial","onTouchEnd","e","console","log","variants","open","height","overflow","closed","duration","ease","link","onMouseEnter","onCurrentSubParent","currentParent","col","index","group","i","currentSubParent","setActiveId","setCurrentParent","setCurrentSubParent","handleActivateChange","debounce","as","showSearch","setShowSearch","showMenu","setShowMenu","hasScrolled","setHasScrolled","handleScroll","position","window","scrollY","addEventListener","passive","removeEventListener","tl","action","search","method","type","placeholder","src","imageUrl","logo","width","rmode","alt","altText","loading","logoReduced","DesktopNavigation","SearchIcon","cta","MenuIcon","CloseIcon","MobileNavigation"],"sourceRoot":""}