{"version":3,"file":"8740-6ea1831ded2dc9c81bdb.js","mappings":"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","sources":["webpack://royal-college-radiologists/./src/img/branding-graphics/wave-generic.svg","webpack://royal-college-radiologists/./src/img/branding-graphics/wave-oncology.svg","webpack://royal-college-radiologists/./src/helpers/global.ts","webpack://royal-college-radiologists/./src/hooks/useIntersectionObserver.ts","webpack://royal-college-radiologists/./src/hooks/useInView.ts","webpack://royal-college-radiologists/./src/stories/Components/Buttons/GeneralButton/Button.styles.tsx","webpack://royal-college-radiologists/./src/stories/Components/Buttons/GeneralButton/Button.tsx","webpack://royal-college-radiologists/./src/stories/Components/General/SkipLink/SkipLink.styles.ts","webpack://royal-college-radiologists/./src/stories/Components/General/SkipLink/SkipLink.tsx","webpack://royal-college-radiologists/./src/stories/Components/Global/SectionWrapper/SectionWrapper.styles.ts","webpack://royal-college-radiologists/./src/hoc/withBaseProps.tsx","webpack://royal-college-radiologists/./src/stories/Components/Global/SectionWrapper/SectionWrapper.tsx","webpack://royal-college-radiologists/./src/img/branding-graphics/wave-radiology.svg","webpack://royal-college-radiologists/./src/stories/Widgets/FullWidthSignpost/FullWidthSignpost.styles.ts","webpack://royal-college-radiologists/./src/stories/Widgets/FullWidthSignpost/FullWidthSignpost.tsx"],"sourcesContent":["var _path, _path2, _path3;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgWaveGeneric(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    viewBox: \"0 0 2725.77 380.81\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    stroke: \"currentColor\",\n    fill: \"none\",\n    strokeWidth: 6,\n    d: \"M2725.77 377.75H836.37v.07c-29.66 0-54.41-21.44-60.54-50.08L710.76 59.83c-6.73-32.44-34.7-56.78-68.21-56.78s-61.49 24.34-68.22 56.78l-65.11 267.92c-6.12 28.64-30.89 50-60.54 50.01-29.65 0-54.41-21.44-60.54-50.07L323.07 59.77C316.34 27.33 288.37 3 254.86 3c-33.51 0-61.49 24.34-68.22 56.78L121.53 327.7c-6.13 28.64-30.89 50.08-60.54 50.08\"\n  })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n    stroke: \"currentColor\",\n    fill: \"none\",\n    strokeWidth: 3,\n    d: \"M2725.77 377.75H836.37v.07c-29.66 0-54.41-21.44-60.54-50.08L710.76 59.83c-6.73-32.44-34.7-56.78-68.21-56.78s-61.49 24.34-68.22 56.78l-65.11 267.92c-6.12 28.64-30.89 50-60.54 50.01-29.65 0-54.41-21.44-60.54-50.07L323.07 59.77C316.34 27.33 288.37 3 254.86 3c-33.51 0-61.49 24.34-68.22 56.78L121.53 327.7c-6.13 28.64-30.89 50.08-60.54 50.08\"\n  })), _path3 || (_path3 = /*#__PURE__*/React.createElement(\"path\", {\n    stroke: \"currentColor\",\n    fill: \"none\",\n    d: \"M2725.77 377.75H836.37v.07c-29.66 0-54.41-21.44-60.54-50.08L710.76 59.83c-6.73-32.44-34.7-56.78-68.21-56.78s-61.49 24.34-68.22 56.78l-65.11 267.92c-6.12 28.64-30.89 50-60.54 50.01-29.65 0-54.41-21.44-60.54-50.07L323.07 59.77C316.34 27.33 288.37 3 254.86 3c-33.51 0-61.49 24.34-68.22 56.78L121.53 327.7c-6.13 28.64-30.89 50.08-60.54 50.08\"\n  })));\n}\nexport default SvgWaveGeneric;","var _defs, _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgWaveOncology(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    viewBox: \"0 0 1920 239.5\"\n  }, props), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null, \".wave-oncology_svg__cls-3{fill:none;stroke:#2e54ff;stroke-miterlimit:10;stroke-dasharray:0 0 2 2}\"))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    clipPath: \"url(#wave-oncology_svg__clippath)\",\n    fill: \"none\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M169.77 225.6c-11.8 0-21.6-8.4-23.8-19.5l-34.3-170.5c-2.5-12.3-13.4-21.6-26.4-21.6s-24 9.3-26.4 21.6l-34.3 170.5c-2.2 11.1-12.1 19.5-23.8 19.5s-21.6-8.4-23.8-19.5l-34.2-170.5c-2.5-12.3-13.4-21.6-26.4-21.6s-24 9.3-26.4 21.6l-34.3 170.5c-2.2 11.1-12.1 19.5-23.8 19.5\",\n    stroke: \"#2e54ff\",\n    strokeMiterlimit: 10\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    className: \"wave-oncology_svg__cls-3\",\n    d: \"M1920 225.6H338.67c-11.8 0-21.6-8.4-23.8-19.5l-34.2-170.5c-2.5-12.3-13.4-21.6-26.4-21.6s-24 9.3-26.4 21.6l-34.3 170.5c-2.1 10.5-11 18.5-21.8 19.4\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    className: \"wave-oncology_svg__cls-3\",\n    stroke: \"currentColor\",\n    d: \"M1920 225.6H338.67c-11.8 0-21.6-8.4-23.8-19.5l-34.2-170.5c-2.5-12.3-13.4-21.6-26.4-21.6s-24 9.3-26.4 21.6l-34.3 170.5c-2.1 10.5-11 18.5-21.8 19.4\"\n  }))));\n}\nexport default SvgWaveOncology;","import { css } from 'styled-components';\r\nexport default {\r\n    navHeight: 107,\r\n    navHeightTablet: 80,\r\n    navHeightMobile: 59,\r\n};\r\nexport const ButtonReset = css `\r\n  border: none;\r\n  outline: none;\r\n  padding: 0px;\r\n  background: none;\r\n  border-radius: 0px;\r\n`;\r\n","import { useEffect, useRef } from 'react';\r\n/**\r\n * Use the IntersectionObserver to track visibility of an element in the viewport.\r\n * @param {IntersectionObserverCallback} callback\r\n * @param {IntersectionObserverInit} options\r\n * @returns {UseIntersectionObserverReturn}\r\n */\r\nfunction useIntersectionObserver(callback, options = {}) {\r\n    const observerRef = useRef(null);\r\n    const rootRef = useRef(null);\r\n    const elementRef = useRef(null);\r\n    useEffect(() => {\r\n        if (!elementRef.current) {\r\n            return undefined;\r\n        }\r\n        observerRef.current = new IntersectionObserver(callback, {\r\n            root: rootRef.current,\r\n            ...options,\r\n        });\r\n        observerRef.current.observe(elementRef.current);\r\n        return () => {\r\n            if (observerRef.current === null) {\r\n                return;\r\n            }\r\n            observerRef.current.disconnect();\r\n        };\r\n    }, [callback, options]);\r\n    return { elementRef, observerRef, rootRef };\r\n}\r\nexport default useIntersectionObserver;\r\n","import { useState } from 'react';\r\nimport useIntersectionObserver from './useIntersectionObserver';\r\nexport function useInView(options, reverse = false, isEditMode = false) {\r\n    const [inView, setInView] = useState(false);\r\n    const { elementRef } = useIntersectionObserver((entries) => {\r\n        if (entries[0].isIntersecting) {\r\n            setInView(true);\r\n        }\r\n        else if (reverse === true) {\r\n            setInView(false);\r\n        }\r\n    }, options);\r\n    return [elementRef, isEditMode ? true : inView];\r\n}\r\n","import { transition } from '@helpers/animate';\r\nimport brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, until } from '@helpers/media';\r\nimport styled, { css } from 'styled-components';\r\nconst Text = styled.div ``;\r\nconst PrimaryStyles = css `\r\n  border: 0;\r\n  background-color: ${brand.secondary.red};\r\n  color: ${brand.primary.purple};\r\n  border-radius: 1000000px;\r\n  overflow: hidden;\r\n\r\n  &:before {\r\n    ${transition('transform')};\r\n\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: ${brand.primary.offWhite};\r\n    border-radius: 1000000px;\r\n    transform: translateX(calc(-100% - 2px));\r\n  }\r\n\r\n  [data-variant='light'] & {\r\n    span& {\r\n      button.focus-ring &,\r\n      button:hover &,\r\n      a.focus-ring & {\r\n        background-color: ${brand.primary.purple};\r\n        color: ${brand.primary.offWhite};\r\n      }\r\n\r\n      @media (hover: hover) {\r\n        a:hover & { \r\n          background-color: ${brand.primary.purple};\r\n          color: ${brand.primary.offWhite};\r\n        }\r\n      }\r\n    }\r\n\r\n    &:not(span) {\r\n      &.focus-ring,\r\n      &:hover,\r\n      &:active {\r\n        background-color: ${brand.primary.purple};\r\n        color: ${brand.primary.offWhite};\r\n      }\r\n\r\n      @media (hover: hover) {\r\n        &:hover { \r\n          background-color: ${brand.primary.purple};\r\n          color: ${brand.primary.offWhite};\r\n        }\r\n      }\r\n    }\r\n\r\n    &.focus-ring {\r\n      outline-color: ${brand.primary.purple};\r\n    }\r\n\r\n    &:before {\r\n      background-color: ${brand.primary.purple};\r\n    }\r\n  }\r\n\r\n  [data-variant='dark'] & {\r\n    span& {\r\n      button.focus-ring &,\r\n      button:hover &,\r\n      a.focus-ring & {\r\n        background-color: ${brand.primary.offWhite};\r\n      }\r\n\r\n      @media (hover: hover) {\r\n        a:hover & { \r\n          background-color: ${brand.primary.offWhite};\r\n        }\r\n      }\r\n    }\r\n\r\n    &:not(span) {\r\n      &.focus-ring,\r\n      &:active {\r\n        background-color: ${brand.primary.offWhite};\r\n      }\r\n\r\n      @media (hover: hover) {\r\n        &:hover { \r\n          background-color: ${brand.primary.offWhite};\r\n        }\r\n      }\r\n    }\r\n\r\n    &.focus-ring {\r\n      outline-color: ${brand.primary.offWhite};\r\n    }\r\n\r\n    &:before {\r\n      background-color: ${brand.primary.offWhite};\r\n    }\r\n  }\r\n\r\n  @media (hover: hover) {\r\n    &:hover { \r\n      background-color: ${brand.primary.offWhite};\r\n\r\n      &:before {\r\n        transform: translateX(0);\r\n      }\r\n    }\r\n  }\r\n\r\n  &.focus-ring,\r\n  &:active,\r\n  &[data-toggle-on='true'] {\r\n    background-color: ${brand.primary.offWhite};\r\n\r\n    &:before {\r\n      transform: translateX(0);\r\n    }\r\n  }\r\n`;\r\nconst OutlineStyles = css `\r\n  background-color: transparent;\r\n  border-radius: 1000000px;\r\n  overflow: hidden;\r\n\r\n  &:before {\r\n    ${transition('transform')};\r\n\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: ${brand.primary.offWhite};\r\n    border-radius: 1000000px;\r\n    transform: translateX(calc(-100% - 2px));\r\n  }\r\n\r\n  [data-variant='light'] & {\r\n    color: ${brand.primary.purple};\r\n    border: 1px solid ${brand.primary.purple};\r\n\r\n    span& {\r\n      button.focus-ring &,\r\n      button:hover &,\r\n      a.focus-ring &,\r\n      a[data-toggle-on='true'] & {\r\n        border-color: ${brand.primary.purple};\r\n        background-color: ${brand.primary.purple};\r\n        color: ${brand.primary.offWhite};\r\n      }\r\n\r\n      @media (hover: hover) {\r\n        a:hover & { \r\n          border-color: ${brand.primary.purple};\r\n          background-color: ${brand.primary.purple};\r\n          color: ${brand.primary.offWhite};\r\n        }\r\n      }\r\n    }\r\n\r\n    &:not(span) {\r\n      &.focus-ring,\r\n      &:active,\r\n      &[data-toggle-on='true'] {\r\n        border-color: ${brand.primary.purple};\r\n        background-color: ${brand.primary.purple};\r\n        color: ${brand.primary.offWhite};\r\n      }\r\n\r\n      @media (hover: hover) {\r\n        &:hover { \r\n          border-color: ${brand.primary.purple};\r\n          background-color: ${brand.primary.purple};\r\n          color: ${brand.primary.offWhite};\r\n        }\r\n      }\r\n    }\r\n\r\n    &.focus-ring {\r\n      outline-color: ${brand.primary.purple};\r\n    }\r\n\r\n    &:before {\r\n      background-color: ${brand.primary.purple};\r\n    }\r\n  }\r\n\r\n  [data-variant='dark'] & {\r\n    color: ${brand.primary.offWhite};\r\n    border: 1px solid ${brand.primary.offWhite};\r\n\r\n    span& {\r\n      button.focus-ring &,\r\n      \r\n      a.focus-ring &,\r\n      a[data-toggle-on='true'] & {\r\n        background-color: ${brand.primary.offWhite};\r\n        color: ${brand.primary.purple};\r\n      }\r\n\r\n      @media (hover: hover) {\r\n        button:hover &,\r\n        a:hover & { \r\n          background-color: ${brand.primary.offWhite};\r\n          color: ${brand.primary.purple};\r\n        }\r\n      }\r\n    }\r\n\r\n    &:not(span) {\r\n      &.focus-ring,\r\n      &:hover,\r\n      &:active,\r\n      &[data-toggle-on='true'] {\r\n        background-color: ${brand.primary.offWhite};\r\n        color: ${brand.primary.purple};\r\n      }\r\n\r\n      @media (hover: hover) {\r\n        &:hover { \r\n          background-color: ${brand.primary.offWhite};\r\n          color: ${brand.primary.purple};\r\n        }\r\n      }\r\n    }\r\n\r\n    &.focus-ring {\r\n      outline-color: ${brand.primary.offWhite};\r\n    }\r\n\r\n    &:before {\r\n      background-color: ${brand.primary.offWhite};\r\n    }\r\n  }\r\n\r\n  &.focus-ring {\r\n    outline: auto;\r\n    outline-offset: 3px;\r\n    outline-style: solid;\r\n    outline-width: 2px;\r\n  }\r\n\r\n  span& {\r\n    button.focus-ring &,    \r\n    a.focus-ring &,\r\n    a[data-toggle-on='true'] & {\r\n      &::before {\r\n        transform: translateX(0);\r\n      }\r\n    }\r\n\r\n    @media (hover: hover) {\r\n      button:hover &,\r\n      a:hover & { \r\n        &::before {\r\n          transform: translateX(0);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &:not(span) {\r\n    &.focus-ring,\r\n    &:active,\r\n    &[data-toggle-on='true'] {\r\n      &::before {\r\n        transform: translateX(0);\r\n      }\r\n    }\r\n\r\n    @media (hover: hover) {\r\n      &:hover { \r\n        &::before {\r\n          transform: translateX(0);\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\nconst OutlineAltStyles = css `\r\n  background-color: transparent;\r\n  border-radius: 1000000px;\r\n  overflow: hidden;\r\n\r\n  &:before {\r\n    ${transition('transform')};\r\n\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: ${brand.secondary.red};\r\n    border-radius: 1000000px;\r\n    transform: translateX(calc(-100% - 2px));\r\n  }\r\n\r\n  [data-variant='light'] & {\r\n    color: ${brand.primary.purple};\r\n    border: 1px solid ${brand.primary.purple};\r\n\r\n    &.focus-ring {\r\n      outline-color: ${brand.primary.purple};\r\n    }\r\n  }\r\n\r\n  [data-variant='dark'] & {\r\n    color: ${brand.primary.offWhite};\r\n    border: 1px solid ${brand.primary.offWhite};\r\n\r\n    span& {\r\n      button.focus-ring &,      \r\n      a.focus-ring &,\r\n      a[data-toggle-on='true'] & {\r\n        color: ${brand.primary.purple};\r\n      }\r\n\r\n      @media (hover: hover) {\r\n        button:hover &,\r\n        a:hover & { \r\n          color: ${brand.primary.purple};\r\n        }\r\n      }\r\n    }\r\n\r\n    &:not(span) {\r\n      &.focus-ring,\r\n      &:active,\r\n      &[data-toggle-on='true'] {\r\n        color: ${brand.primary.purple};\r\n      }\r\n\r\n      @media (hover: hover) {\r\n        &:hover { \r\n          color: ${brand.primary.purple};\r\n        }\r\n      }\r\n    }\r\n\r\n    &.focus-ring {\r\n      outline-color: ${brand.primary.offWhite};\r\n    }\r\n\r\n    &:before {\r\n      background-color: ${brand.secondary.red};\r\n    }\r\n  }\r\n\r\n  &.focus-ring {\r\n    outline: auto;\r\n    outline-offset: 3px;\r\n    outline-style: solid;\r\n    outline-width: 2px;\r\n  }\r\n\r\n  span& {\r\n    button.focus-ring &,    \r\n    a.focus-ring &,\r\n    a[data-toggle-on='true'] & {\r\n      background-color: ${brand.secondary.red};\r\n      border-color: ${brand.secondary.red};\r\n\r\n      &::before {\r\n        transform: translateX(0);\r\n      }\r\n    }\r\n\r\n    @media (hover: hover) {\r\n      button:hover &,\r\n      a:hover & { \r\n        background-color: ${brand.secondary.red};\r\n        border-color: ${brand.secondary.red};\r\n\r\n        &::before {\r\n          transform: translateX(0);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &:not(span) {\r\n    &.focus-ring,\r\n    &:active,\r\n    &[data-toggle-on='true'] {\r\n      background-color: ${brand.secondary.red};\r\n      border-color: ${brand.secondary.red};\r\n\r\n      &::before {\r\n        transform: translateX(0);\r\n      }\r\n    }\r\n\r\n    @media (hover: hover) {\r\n      &:hover { \r\n        background-color: ${brand.secondary.red};\r\n        border-color: ${brand.secondary.red};\r\n\r\n        &::before {\r\n          transform: translateX(0);\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\nconst Wave = styled.div `\r\n  ${transition('max-width')};\r\n\r\n  overflow: hidden;\r\n  max-width: 0;\r\n  color: ${brand.secondary.red};\r\n\r\n  svg {\r\n    display: block;\r\n    margin-right: 5px;\r\n    height: 30px;\r\n  }\r\n`;\r\nconst Arrow = styled.div `\r\n  ${transition('transform')};\r\n\r\n  margin: 0 0 0 5px;\r\n\r\n  svg {\r\n    display: block;\r\n    height: 12px;\r\n  }\r\n`;\r\nconst TextOnlyStyles = css `\r\n  display: inline-flex;\r\n  align-items: center;\r\n  border: 1px solid transparent;\r\n  background: none;\r\n  color: ${brand.primary.purple};\r\n  padding: 0;\r\n\r\n  [data-variant='dark'] & {\r\n    color: ${brand.primary.offWhite};\r\n  }\r\n\r\n  ${Text} {\r\n    margin-bottom: 2px;\r\n  }\r\n\r\n  &.focus-ring {\r\n    outline: auto;\r\n    outline-offset: 3px;\r\n    outline-style: solid;\r\n    outline-width: 2px;\r\n  }\r\n\r\n  span& {\r\n    button.focus-ring &,\r\n    a.focus-ring & {\r\n      ${Wave} {\r\n        max-width: 50px;\r\n      }\r\n\r\n      ${Arrow} {\r\n        transform: translateX(15%);\r\n      }\r\n    }\r\n\r\n    @media (hover: hover) {\r\n      button:hover &,\r\n      a:hover & { \r\n        ${Wave} {\r\n          max-width: 50px;\r\n        }\r\n\r\n        ${Arrow} {\r\n          transform: translateX(15%);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &:not(span) {\r\n    &:hover,\r\n    &:active,\r\n    &.focus-ring {\r\n      ${Wave} {\r\n        max-width: 50px;\r\n      }\r\n\r\n      ${Arrow} {\r\n        transform: translateX(15%);\r\n      }\r\n    }\r\n\r\n    @media (hover: hover) {\r\n      &:hover { \r\n        ${Wave} {\r\n          max-width: 50px;\r\n        }\r\n\r\n        ${Arrow} {\r\n          transform: translateX(15%);\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\nconst Icon = styled.div `\r\n  display: inline-flex;\r\n  align-items: center;\r\n  margin: 0 0 0 8px;\r\n\r\n  svg {\r\n    max-height: 24px;\r\n    width: 20px;\r\n  }\r\n\r\n  &[data-position='left'] {\r\n    order: -1;\r\n    margin: 0 8px 0 0;\r\n  }\r\n`;\r\nconst Button = styled.button `\r\n  ${transition('color, background-color, border-color')};\r\n\r\n  display: inline-flex;\r\n  padding: 10px ${fluid(20, 25)} 12px;\r\n  height: ${fluid(46, 48)};\r\n  user-select: none;\r\n  text-decoration: none;\r\n  position: relative;\r\n  align-items: center;\r\n\r\n  ${Text} {\r\n    ${fonts.graphikCompact.medium};\r\n\r\n    font-size: ${fluid(18, 20)};\r\n    line-height: ${fluid(24, 26)};\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.66;\r\n    pointer-events: none;\r\n\r\n    &:hover {\r\n      opacity: 0.66;\r\n    }\r\n  }\r\n\r\n  /* Mobile click styles - button should mimic press */\r\n  @media ${until(Device.TabletLarge)} {\r\n    ${transition('color, background-color, border-color, transform')};\r\n\r\n    span& {\r\n      button:active &,\r\n      a:active & {\r\n        transform: translateY(1.5px);\r\n      }\r\n    }\r\n\r\n    &:not(span) {\r\n      &:active {\r\n        transform: translateY(1.5px);\r\n      }\r\n    }\r\n  }\r\n\r\n  ${({ branding }) => {\r\n    switch (branding) {\r\n        case 'textOnly':\r\n            return TextOnlyStyles;\r\n        case 'solid':\r\n            return PrimaryStyles;\r\n        case 'outline':\r\n            return OutlineStyles;\r\n        case 'outline-alt':\r\n            return OutlineAltStyles;\r\n        default:\r\n            break;\r\n    }\r\n}}\r\n`;\r\nconst ArrowButton = styled.button `\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  background: transparent;\r\n  border: none;\r\n  width: ${fluid(58, 60)};\r\n  height: ${fluid(48, 50)};\r\n  padding: 0;\r\n  color: var(--fgColour, ${brand.primary.purple});\r\n\r\n  &:first-child {\r\n    justify-content: flex-end;\r\n\r\n    svg {\r\n      transform: scaleX(-1);\r\n    }\r\n  }\r\n\r\n  &:disabled {\r\n    opacity: 0.66;\r\n    pointer-events: none;\r\n\r\n    &:hover {\r\n      opacity: 0.66;\r\n    }\r\n  }\r\n\r\n  svg {\r\n    display: block;\r\n    height: ${fluid(12, 15)};\r\n  }\r\n\r\n  /* Mobile click styles - button should mimic press */\r\n  @media ${until(Device.TabletLarge)} {\r\n    ${transition('transform', 0.15)};\r\n\r\n    &:active {\r\n      transform: translateY(1.5px);\r\n    }\r\n  }\r\n`;\r\nconst ButtonInner = styled.div `\r\n  ${transition('max-width')};\r\n\r\n  border: 2px solid var(--fgColour, ${brand.primary.purple});\r\n  border-radius: 5000000px;\r\n  max-width: ${fluid(46, 48)};\r\n  width: ${fluid(56, 58)};\r\n  height: ${fluid(46, 48)};\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  ${ArrowButton}.focus-ring & {\r\n    outline: auto;\r\n    outline-offset: 3px;\r\n    outline-style: solid;\r\n    outline-width: 2px;\r\n  }\r\n\r\n  ${ArrowButton}.focus-ring & {\r\n    max-width: ${fluid(56, 58)};\r\n  }\r\n\r\n  @media (hover: hover) {\r\n    ${ArrowButton}:hover & {\r\n      max-width: ${fluid(56, 58)};\r\n    }\r\n  }\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    max-width: ${fluid(56, 58)};\r\n  }\r\n`;\r\nconst ButtonIcon = styled.div `\r\n  ${transition('transform')};\r\n  position: relative;\r\n  line-height: 0;\r\n  transform: translateX(0);\r\n\r\n  ${ArrowButton}:last-child.focus-ring &{\r\n    transform: translateX(7px);\r\n  }\r\n\r\n  @media (hover: hover) {\r\n    ${ArrowButton}:last-child:hover & {\r\n      transform: translateX(7px);\r\n    }\r\n  }\r\n\r\n  ${ArrowButton}.focus-ring & {\r\n    transform: translateX(-7px);\r\n  }\r\n\r\n  @media (hover: hover) {\r\n    ${ArrowButton}:hover & {\r\n      transform: translateX(-7px);\r\n    }\r\n  }\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    transform: translateX(-7px);\r\n\r\n    ${ArrowButton}:last-child & {\r\n      transform: translateX(7px);\r\n    }\r\n  }\r\n`;\r\nconst HoverLine = styled.div `\r\n  ${transition('transform')};\r\n\r\n  position: absolute;\r\n  left: 0;\r\n  top: 50%;\r\n  width: 22px;\r\n  height: 3px;\r\n  transform-origin: 0;\r\n  transform: translate(2px, -50%) scaleX(0);\r\n  background-color: var(--fgColour, ${brand.primary.purple});\r\n\r\n  ${ArrowButton}:last-child & {\r\n    transform-origin: 100%;\r\n    left: auto;\r\n    right: 0;\r\n    transform: translate(-2px, -50%) scaleX(0);\r\n  }\r\n\r\n  ${ArrowButton}.focus-ring & {\r\n    transform: translate(2px, -50%) scaleX(1);\r\n  }\r\n\r\n  @media (hover: hover) {\r\n    ${ArrowButton}:hover & {\r\n      transform: translate(2px, -50%) scaleX(1);\r\n    }\r\n  }\r\n\r\n  ${ArrowButton}:last-child.focus-ring & {\r\n    transform: translate(-2px, -50%) scaleX(1);\r\n  }\r\n\r\n  @media (hover: hover) {\r\n    ${ArrowButton}:last-child:hover & {\r\n      transform: translate(-2px, -50%) scaleX(1);\r\n    }\r\n  }\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    transform: translate(2px, -50%) scaleX(1);\r\n\r\n    ${ArrowButton}:last-child & {\r\n      transform: translate(-2px, -50%) scaleX(1);\r\n    }\r\n  }\r\n`;\r\nexport const ButtonStyles = {\r\n    Arrow,\r\n    ArrowButton,\r\n    Button,\r\n    ButtonIcon,\r\n    ButtonInner,\r\n    HoverLine,\r\n    Icon,\r\n    Text,\r\n    Wave,\r\n};\r\n","import { getSvgFromSystem, SystemIcon } from '@helpers/systemIcons';\r\nimport React from 'react';\r\nimport { FocusRing } from 'react-aria';\r\nimport { ButtonStyles } from './Button.styles';\r\nconst Button = ({ branding, className, disabled, title, toggleOn = false, type = 'button', onClick, icon, iconPosition = 'right', ...otherProps }) => {\r\n    return (React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n        React.createElement(ButtonStyles.Button, { className: className, branding: branding, disabled: disabled, type: type, onClick: onClick, \"data-toggle-on\": toggleOn, \"data-branding\": branding, ...otherProps },\r\n            branding === 'textOnly' && (React.createElement(ButtonStyles.Wave, null, getSvgFromSystem(SystemIcon.Wave1))),\r\n            React.createElement(ButtonStyles.Text, null, title),\r\n            icon ? (React.createElement(ButtonStyles.Icon, { \"data-position\": iconPosition }, icon)) : branding === 'textOnly' ? (React.createElement(ButtonStyles.Arrow, null, getSvgFromSystem(SystemIcon.ArrowRight))) : null)));\r\n};\r\nconst FakeButton = ({ branding, className, title, icon, iconPosition = 'right', ...otherProps }) => {\r\n    return (React.createElement(ButtonStyles.Button, { className: className, branding: branding, as: \"span\", ...otherProps },\r\n        branding === 'textOnly' && (React.createElement(ButtonStyles.Wave, null, getSvgFromSystem(SystemIcon.Wave1))),\r\n        React.createElement(ButtonStyles.Text, null, title),\r\n        icon ? (React.createElement(ButtonStyles.Icon, { \"data-position\": iconPosition }, icon)) : branding === 'textOnly' ? (React.createElement(ButtonStyles.Arrow, null, getSvgFromSystem(SystemIcon.ArrowRight))) : null));\r\n};\r\nconst LinkButton = ({ branding, className, href, target = '_self', title, icon, iconPosition = 'right', ...otherProps }) => {\r\n    return (React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n        React.createElement(ButtonStyles.Button, { className: className, as: \"a\", branding: branding, href: href, target: target, ...otherProps },\r\n            branding === 'textOnly' && (React.createElement(ButtonStyles.Wave, null, getSvgFromSystem(SystemIcon.Wave1))),\r\n            React.createElement(ButtonStyles.Text, null, title),\r\n            icon ? (React.createElement(ButtonStyles.Icon, { \"data-position\": iconPosition }, icon)) : branding === 'textOnly' ? (React.createElement(ButtonStyles.Arrow, null, getSvgFromSystem(SystemIcon.ArrowRight))) : null)));\r\n};\r\nconst ArrowButton = ({ labelText, disabled, onClick, ...otherProps }) => {\r\n    return (React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n        React.createElement(ButtonStyles.ArrowButton, { \"aria-label\": labelText, disabled: disabled, onClick: onClick, ...otherProps },\r\n            React.createElement(ButtonStyles.ButtonInner, null,\r\n                React.createElement(ButtonStyles.ButtonIcon, null,\r\n                    getSvgFromSystem(SystemIcon.Chevron),\r\n                    React.createElement(ButtonStyles.HoverLine, null))))));\r\n};\r\nexport { Button as default, LinkButton, ArrowButton, FakeButton };\r\n","import { transition } from '@helpers/animate';\r\nimport brand from '@helpers/brand';\r\nimport { ButtonReset } from '@helpers/global';\r\nimport { siteWide } from '@helpers/grid';\r\nimport { Layers } from '@helpers/layers';\r\nimport { paragraphRegular } from '@helpers/typography';\r\nimport styled from 'styled-components';\r\nconst Container = styled.div `\r\n  ${siteWide};\r\n\r\n  position: relative;\r\n  z-index: ${Layers.NavigationTray + 1};\r\n  height: 0;\r\n`;\r\nconst Button = styled.button `\r\n  ${ButtonReset};\r\n  ${transition('opacity, transform')};\r\n  ${paragraphRegular};\r\n\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  margin: 0;\r\n  opacity: 0;\r\n  transform: translate(3px, -100%);\r\n  background-color: var(--fgColour, ${brand.primary.offWhite});\r\n  color: var(--bgColour, ${brand.primary.purple});\r\n  padding: 8px 12px;\r\n\r\n  &.focus-ring {\r\n    outline: auto;\r\n    outline-offset: 3px;\r\n    outline-style: solid;\r\n    outline-width: 2px;\r\n    outline-color: var(--fgColour, ${brand.primary.offWhite});\r\n    opacity: 1;\r\n    transform: translate(3px, 3px);\r\n  }\r\n`;\r\nconst SkipLinkStyles = {\r\n    Container,\r\n    Button,\r\n};\r\nexport default SkipLinkStyles;\r\n","import { scrollIntoView } from '@helpers/animate';\r\nimport * as React from 'react';\r\nimport { FocusRing } from 'react-aria';\r\nimport S from './SkipLink.styles';\r\nconst SkipLink = ({ type = 'inline' }) => {\r\n    const ref = React.useRef(null);\r\n    return (React.createElement(S.Container, null,\r\n        React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n            React.createElement(S.Button, { ref: ref, onClick: () => {\r\n                    if (type === 'header') {\r\n                        skipToMain();\r\n                    }\r\n                    else {\r\n                        skipSection();\r\n                    }\r\n                } }, type === 'header' ? React.createElement(React.Fragment, null, \"Skip to Main Content\") : React.createElement(React.Fragment, null, \"Skip to Next Section\")))));\r\n    function skipToMain() {\r\n        const targetEl = document.getElementById('main');\r\n        if (!targetEl) {\r\n            return;\r\n        }\r\n        scrollIntoView(targetEl);\r\n        focusNext(targetEl);\r\n    }\r\n    function skipSection() {\r\n        let wrapperEl = ref.current?.closest('div[class^=react_Components_]');\r\n        // Should only ever occur in storybook\r\n        if (!wrapperEl) {\r\n            wrapperEl = ref.current?.closest('section');\r\n        }\r\n        let targetEl = wrapperEl?.nextElementSibling;\r\n        // Last element in main wrapper, next element is footer\r\n        if (!targetEl) {\r\n            targetEl = wrapperEl?.parentElement?.nextElementSibling;\r\n        }\r\n        if (!targetEl) {\r\n            return;\r\n        }\r\n        scrollIntoView(targetEl);\r\n        focusNext(targetEl);\r\n    }\r\n    function focusNext(el) {\r\n        const focusable = el.querySelectorAll('button');\r\n        focusable[0]?.focus();\r\n    }\r\n};\r\nexport default SkipLink;\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { ButtonReset } from '@helpers/global';\r\nimport { siteWide } from '@helpers/grid';\r\nimport { Device, from } from '@helpers/media';\r\nimport styled from 'styled-components';\r\nconst Container = styled.section `\r\n  --sectionSpacingTop: ${fluid(32, 80)};\r\n  --sectionSpacingBottom: ${fluid(32, 80)};\r\n  --bgColour: transparent;\r\n  --bgColourTint: ${brand.tint.offWhite};\r\n  --fgColour: ${brand.primary.purple};\r\n  --fgColourTint: ${brand.tint.purple};\r\n\r\n  position: relative;\r\n  scroll-margin: var(--stickyHeaderHeight) 0 0;\r\n  background-color: var(--bgColour);\r\n  color: var(--fgColour);\r\n\r\n  &[data-variant='light'] {\r\n    --bgColour: ${brand.primary.offWhite};\r\n    --bgColourTint: ${brand.tint.offWhite};\r\n    --fgColour: ${brand.primary.purple};\r\n    --fgColourTint: ${brand.tint.purple};\r\n  }\r\n\r\n  &[data-variant='dark'] {\r\n    --bgColour: ${brand.primary.purple};\r\n    --bgColourTint: ${brand.tint.purple};\r\n    --fgColour: ${brand.primary.offWhite};\r\n    --fgColourTint: ${brand.tint.offWhite};\r\n  }\r\n\r\n  &[data-allow-scroll-margin='true'],\r\n  &[data-has-skip='true'] {\r\n    overflow: clip;\r\n    overflow: hidden;\r\n  }\r\n\r\n  &[data-flush='top'] {\r\n    --sectionSpacingTop: 0;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      --sectionSpacingTop: 0;\r\n    }\r\n  }\r\n\r\n  &[data-flush='bottom'] {\r\n    --sectionSpacingBottom: 0;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      --sectionSpacingBottom: 0;\r\n    }\r\n  }\r\n\r\n  &[data-flush='both'] {\r\n    --sectionSpacingTop: 0;\r\n    --sectionSpacingBottom: 0;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      --sectionSpacingTop: 0;\r\n      --sectionSpacingBottom: 0;\r\n    }\r\n  }\r\n\r\n  /* Negative margin bottom to force overlap */\r\n  &[data-overlap-bottom='true'] {\r\n    margin-bottom: calc(var(--sectionSpacingBottom) * -1);\r\n  }\r\n\r\n  .equally-ai___high-saturation & {\r\n    filter: saturate(200%);\r\n  }\r\n\r\n  .equally-ai___reverse-contrast & {\r\n    filter: invert(100%);\r\n  }\r\n\r\n  .equally-ai___monochrome-contrast & {\r\n    filter: grayscale(100%);\r\n  }\r\n\r\n  .equally-ai___reverse-contrast.equally-ai___monochrome-contrast & {\r\n    filter: grayscale(100%) invert(100%);\r\n  }\r\n`;\r\nconst Inner = styled.div `\r\n  color: var(--fgColor);\r\n  padding-top: var(--sectionSpacingTop);\r\n  padding-bottom: var(--sectionSpacingBottom);\r\n\r\n  /* Don't apply background color for white backgrounds */\r\n  ${Container} & {\r\n    background: var(--bgColor);\r\n  }\r\n`;\r\nconst SiteWide = styled.div `\r\n  ${siteWide}\r\n`;\r\nconst FocusAnchor = styled.button `\r\n  ${ButtonReset};\r\n\r\n  height: 0;\r\n  width: 0;\r\n`;\r\nconst SectionWrapperStyles = {\r\n    Container,\r\n    Inner,\r\n    SiteWide,\r\n    FocusAnchor,\r\n};\r\nexport default SectionWrapperStyles;\r\n","import * as React from 'react';\r\nconst BasePropsContext = React.createContext({});\r\nexport function withBaseProps(WrappedComponent) {\r\n    const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\r\n    const ComponentWithBaseProps = (props) => {\r\n        return (React.createElement(BasePropsContext.Provider, { value: props },\r\n            React.createElement(WrappedComponent, { ...props })));\r\n    };\r\n    ComponentWithBaseProps.displayName = `withBaseProps(${displayName})`;\r\n    return ComponentWithBaseProps;\r\n}\r\nexport const useBaseProps = () => React.useContext(BasePropsContext);\r\n","import { useBaseProps } from '@hoc/withBaseProps';\r\nimport SkipLink from '@stories/Components/General/SkipLink/SkipLink';\r\nimport * as React from 'react';\r\nimport S from './SectionWrapper.styles';\r\nconst SectionWrapper = React.forwardRef((props, ref) => {\r\n    const { children, layout = 'default', flush = 'none', variant = 'none', removeSkipLink, ...otherProps } = props;\r\n    const baseProps = useBaseProps();\r\n    return (React.createElement(S.Container, { ref: ref, id: baseProps.id, \"data-allow-scroll-margin\": !!baseProps.id, \"data-flush\": flush, \"data-variant\": variant, \"data-has-skip\": !removeSkipLink, ...otherProps },\r\n        React.createElement(S.Inner, null,\r\n            !removeSkipLink ? React.createElement(SkipLink, null) : React.createElement(S.FocusAnchor, { \"aria-label\": \"Skip to content anchor\" }),\r\n            renderLayout())));\r\n    function renderLayout() {\r\n        if (layout === 'fullWidth') {\r\n            return children;\r\n        }\r\n        return React.createElement(S.SiteWide, null, children);\r\n    }\r\n});\r\nSectionWrapper.displayName = 'SectionWrapper';\r\nexport default SectionWrapper;\r\n","var _defs, _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgWaveRadiology(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    viewBox: \"0 0 1920 239.5\"\n  }, props), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"style\", null, \".wave-radiology_svg__cls-3{fill:none;stroke-miterlimit:10;stroke:#2e54ff}\"))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    clipPath: \"url(#wave-radiology_svg__clippath)\",\n    fill: \"none\",\n    id: \"wave-radiology_svg__Layer_1-2\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    className: \"wave-radiology_svg__cls-3\",\n    d: \"M338.05 225.6c-16.3 0-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 13-39 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    className: \"wave-radiology_svg__cls-3\",\n    d: \"M327.05 225.6c-16.3 0-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    className: \"wave-radiology_svg__cls-3\",\n    d: \"M316.15 225.6c-16.3 0-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    className: \"wave-radiology_svg__cls-3\",\n    d: \"M305.25 225.6c-16.3 0-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    className: \"wave-radiology_svg__cls-3\",\n    d: \"M294.35 225.6c-16.3 0-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3L.55 44.3c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    className: \"wave-radiology_svg__cls-3\",\n    d: \"M349.75 225.6h-66.3c-16.3 0-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    className: \"wave-radiology_svg__cls-3\",\n    d: \"M381.65 225.6c-16.3 0-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    className: \"wave-radiology_svg__cls-3\",\n    d: \"M370.75 225.6c-16.3 0-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4S3.45 26.8-.85 44.3l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    className: \"wave-radiology_svg__cls-3\",\n    d: \"M359.85 225.6c-16.3 0-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3s-29.9-11.2-33.6-26.3l-38.4-155c-4.3-17.4-20.1-30.4-38.9-30.4s-34.6 12.9-38.9 30.4l-38.4 155c-3.7 15.1-17.4 26.3-33.6 26.3\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M-981.95 225.6c16.3 0 29.9-11.2 33.6-26.3l38.4-155c4.3-17.4 20.1-30.4 38.9-30.4s34.6 12.9 38.9 30.4l38.4 155c3.7 15.1 17.4 26.3 33.6 26.3s29.9-11.2 33.6-26.3l38.4-155c4.3-17.4 20.1-30.4 38.9-30.4s34.6 12.9 38.9 30.4l38.4 155c3.7 15.1 17.4 26.3 33.6 26.3s29.9-11.2 33.6-26.3l38.4-155c4.3-17.4 20.1-30.4 38.9-30.4s34.6 12.9 38.9 30.4l38.4 155c3.7 15.1 17.4 26.3 33.6 26.3s29.9-11.2 33.6-26.3l38.4-155c4.3-17.4 20.1-30.4 38.9-30.4s34.6 12.9 38.9 30.4l38.4 155c3.7 15.1 17.4 26.3 33.6 26.3s29.9-11.2 33.6-26.3l38.4-155c4.3-17.4 20.1-30.4 38.9-30.4s34.6 12.9 38.9 30.4l38.4 155c3.7 15.1 17.4 26.3 33.6 26.3s29.9-11.2 33.6-26.3l38.4-155c4.3-17.4 20.1-30.4 38.9-30.4s34.6 12.9 38.9 30.4l38.4 155c3.7 15.1 17.4 26.3 33.6 26.3H1920\",\n    strokeMiterlimit: 10,\n    stroke: \"#ff3a53\"\n  }))));\n}\nexport default SvgWaveRadiology;","import { transition } from '@helpers/animate';\r\nimport brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { baseGrid } from '@helpers/grid';\r\nimport { Device, from } from '@helpers/media';\r\nimport { contentStyles, h2 } from '@helpers/typography';\r\nimport { ButtonStyles } from '@stories/Components/Buttons/GeneralButton/Button.styles';\r\nimport SectionWrapper from '@stories/Components/Global/SectionWrapper/SectionWrapper';\r\nimport SectionWrapperStyles from '@stories/Components/Global/SectionWrapper/SectionWrapper.styles';\r\nimport styled from 'styled-components';\r\nconst Container = styled(SectionWrapper) `\r\n  overflow: hidden;\r\n\r\n  ${SectionWrapperStyles.SiteWide} {\r\n    ${baseGrid};\r\n  }\r\n`;\r\nconst ContentWrapper = styled.div `\r\n  position: relative;\r\n  z-index: 1;\r\n  grid-column: 1 / span 12;\r\n  grid-row: 1 / span 1;\r\n  margin: 0 0 52px;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    grid-column: 5 / span 7;\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    grid-column: 5 / span 6;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    grid-column: 5 / span 5;\r\n  }\r\n\r\n  ${ButtonStyles.Button} {\r\n    margin: ${fluid(24, 32)} 0 0;\r\n  }\r\n`;\r\nconst Title = styled.h2 `\r\n  ${h2};\r\n\r\n  margin: 0 0 ${fluid(16, 24)};\r\n`;\r\nconst Content = styled.div `\r\n  ${contentStyles};\r\n`;\r\nconst BrandingWrapper = styled.div `\r\n  grid-column: 1 / span 12;\r\n  grid-row: 1 / span 1;\r\n  margin-top: auto;\r\n\r\n  > svg {\r\n    display: block;\r\n    width: calc(100% + calc(var(--sitePadding) * 6));\r\n    margin-left: calc(calc(var(--sitePadding) * -3));\r\n\r\n    @media ${from(Device.DesktopLarge)} {\r\n      width: min(100vw, 2200px);\r\n      margin-left: 50%;\r\n      transform: translateX(-50%);\r\n    }\r\n  }\r\n\r\n  &[data-type='generic'] {\r\n    ${Container}[data-variant='light'] & {\r\n      color: ${brand.tertiary.darkBlue};\r\n    }\r\n\r\n    > svg {\r\n      path {\r\n        ${transition('stroke-dashoffset', 2.5, 'easeIn')}\r\n\r\n        @media ${from(Device.TabletLarge)} {\r\n          transition-duration: 3s;\r\n        }\r\n\r\n        @media ${from(Device.Desktop)} {\r\n          transition-duration: 3.25s;\r\n        }\r\n      }\r\n\r\n      path:nth-of-type(1),\r\n      path:nth-of-type(2),\r\n      path:nth-of-type(3) {\r\n        stroke-dasharray: 4000;\r\n        stroke-dashoffset: -4000;\r\n      }\r\n\r\n      path:nth-of-type(1) {\r\n        transition-delay: 700ms;\r\n      }\r\n\r\n      path:nth-of-type(2) {\r\n        transition-delay: 350ms;\r\n        transform: translateX(-1%);\r\n      }\r\n\r\n      path:nth-of-type(3) {\r\n        transform: translateX(-2%);\r\n      }\r\n    }\r\n  }\r\n\r\n  &[data-animate='true'][data-type='generic'] {\r\n    > svg {\r\n      path:nth-of-type(1),\r\n      path:nth-of-type(2),\r\n      path:nth-of-type(3) {\r\n        stroke-dashoffset: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  &[data-type='oncology'] {\r\n    > svg {\r\n      path:nth-of-type(1),\r\n      path:nth-of-type(2) {\r\n        stroke: ${brand.tertiary.darkBlue} !important;\r\n      }\r\n\r\n      /* section before dashed line */\r\n      path:nth-of-type(1) {\r\n        ${transition('stroke-dashoffset', 0.4, 'easeIn')};\r\n\r\n        stroke-dasharray: 500;\r\n        stroke-dashoffset: -500;\r\n\r\n        @media ${from(Device.TabletLarge)} {\r\n          transition-duration: 0.5s;\r\n        }\r\n\r\n        @media ${from(Device.Desktop)} {\r\n          transition-duration: 0.6s;\r\n        }\r\n      }\r\n\r\n      /* longest line, dashed */\r\n      path:nth-of-type(2) {\r\n        ${transition('stroke-dashoffset', 1, 'linear')}\r\n\r\n        transition-delay: 0.3s;\r\n        stroke-dasharray: 2250;\r\n        stroke-dashoffset: -2250;\r\n\r\n        @media ${from(Device.TabletLarge)} {\r\n          transition-delay: 0.4s;\r\n          transition-duration: 1.8s;\r\n        }\r\n\r\n        @media ${from(Device.Desktop)} {\r\n          transition-delay: 0.5s;\r\n          transition-duration: 2s;\r\n        }\r\n      }\r\n\r\n      /* dashed line which sits over animated line, same colour as background */\r\n      path:nth-of-type(3) {\r\n        stroke: var(--bgColour);\r\n        stroke-dasharray: 2.5 2.5;\r\n        stroke-width: 3px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &[data-animate='true'][data-type='oncology'] {\r\n    > svg {\r\n      path:nth-of-type(1),\r\n      path:nth-of-type(2) {\r\n        stroke-dashoffset: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  &[data-type='radiology'] {\r\n    > svg {\r\n      color: ${brand.tertiary.darkBlue};\r\n\r\n      path:not(:last-of-type) {\r\n        ${transition('stroke-dashoffset', 1, 'easeIn')}\r\n\r\n        stroke-dasharray: 1500;\r\n        stroke-dashoffset: -1500;\r\n\r\n        @media ${from(Device.TabletLarge)} {\r\n          transition-duration: 1.5s;\r\n        }\r\n\r\n        @media ${from(Device.Desktop)} {\r\n          transition-duration: 2s;\r\n        }\r\n      }\r\n\r\n      path:last-of-type {\r\n        ${transition('stroke-dashoffset', 3.5, 'cubic-bezier(.41,1.12,.98,1)')}\r\n\r\n        color: ${brand.secondary.red};\r\n        stroke-dasharray: 4715;\r\n        stroke-dashoffset: 4715;\r\n\r\n        @media ${from(Device.TabletLarge)} {\r\n          transition-duration: 4s;\r\n        }\r\n\r\n        @media ${from(Device.Desktop)} {\r\n          transition-duration: 4.5s;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &[data-animate='true'][data-type='radiology'] {\r\n    > svg {\r\n      path {\r\n        stroke-dashoffset: 0;\r\n      }\r\n    }\r\n  }\r\n`;\r\nconst FullWidthSignpostStyles = {\r\n    BrandingWrapper,\r\n    Container,\r\n    Content,\r\n    ContentWrapper,\r\n    Title,\r\n};\r\nexport default FullWidthSignpostStyles;\r\n","import { rootMargin } from '@helpers/animate';\r\nimport { useInView } from '@hooks/useInView';\r\nimport SvgWaveGeneric from '@img/branding-graphics/wave-generic.svg';\r\nimport SvgWaveOncology from '@img/branding-graphics/wave-oncology.svg';\r\nimport SvgWaveRadiology from '@img/branding-graphics/wave-radiology.svg';\r\nimport { LinkButton } from '@stories/Components/Buttons/GeneralButton/Button';\r\nimport * as React from 'react';\r\nimport S from './FullWidthSignpost.styles';\r\nconst FullWidthSignpost = (props) => {\r\n    const [ref, inView] = useInView({ rootMargin }, false, props.pageContext?.isEditMode);\r\n    return (React.createElement(S.Container, { ref: ref, variant: props.variant },\r\n        React.createElement(S.ContentWrapper, null,\r\n            props.title && React.createElement(S.Title, null, props.title),\r\n            props.content && React.createElement(S.Content, { dangerouslySetInnerHTML: { __html: props.content } }),\r\n            props.cta && props.cta.text && (React.createElement(LinkButton, { branding: 'solid', href: props.cta.url, target: props.cta.target, title: props.cta.text }))),\r\n        React.createElement(S.BrandingWrapper, { \"data-animate\": inView, \"data-type\": props.type }, brandingGraphic())));\r\n    function brandingGraphic() {\r\n        switch (props.type) {\r\n            case 'radiology':\r\n                return React.createElement(SvgWaveRadiology, null);\r\n            case 'oncology':\r\n                return React.createElement(SvgWaveOncology, null);\r\n            case 'generic':\r\n            default:\r\n                return React.createElement(SvgWaveGeneric, null);\r\n        }\r\n    }\r\n};\r\nexport default FullWidthSignpost;\r\n"],"names":["_path","_path2","_path3","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","props","viewBox","stroke","fill","strokeWidth","d","_defs","_g","clipPath","strokeMiterlimit","className","ButtonReset","css","callback","options","undefined","observerRef","useRef","rootRef","elementRef","useEffect","current","IntersectionObserver","root","observe","disconnect","useInView","reverse","isEditMode","inView","setInView","useState","useIntersectionObserver","entries","isIntersecting","Text","styled","div","withConfig","displayName","componentId","PrimaryStyles","brand","secondary","red","primary","purple","transition","offWhite","OutlineStyles","OutlineAltStyles","Wave","Arrow","TextOnlyStyles","Icon","Button","button","fluid","fonts","graphikCompact","medium","until","Device","TabletLarge","_ref","branding","ArrowButton","ButtonInner","ButtonStyles","ButtonIcon","HoverLine","disabled","title","toggleOn","type","onClick","icon","iconPosition","otherProps","React","FocusRing","focusRingClass","getSvgFromSystem","SystemIcon","Wave1","ArrowRight","FakeButton","_ref2","as","LinkButton","_ref3","href","_ref4","labelText","Chevron","Container","siteWide","Layers","NavigationTray","paragraphRegular","ref","S","targetEl","document","getElementById","scrollIntoView","focusNext","skipToMain","_ref$current","_wrapperEl","wrapperEl","closest","_ref$current2","nextElementSibling","_wrapperEl2","_wrapperEl2$parentEle","parentElement","skipSection","el","_focusable$","querySelectorAll","focus","section","tint","from","Tablet","Inner","SiteWide","FocusAnchor","BasePropsContext","SectionWrapper","children","layout","flush","variant","removeSkipLink","baseProps","id","SkipLink","SectionWrapperStyles","baseGrid","ContentWrapper","Desktop","DesktopLarge","Title","h2","Content","contentStyles","BrandingWrapper","tertiary","darkBlue","_props$pageContext","rootMargin","pageContext","content","dangerouslySetInnerHTML","__html","cta","text","url","SvgWaveRadiology","SvgWaveOncology","SvgWaveGeneric","brandingGraphic"],"sourceRoot":""}