{"version":3,"file":"2465-f08aa4199992e26341a2.js","mappings":"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","sources":["webpack://ess-mep/./src/img/icons/chevron-right-mep.svg","webpack://ess-mep/./src/img/icons/chevron-right.svg","webpack://ess-mep/./src/img/icons/ess-chevron.svg","webpack://ess-mep/./src/helpers/aspectRatio.ts","webpack://ess-mep/./src/helpers/grid.ts","webpack://ess-mep/./src/helpers/image.ts","webpack://ess-mep/./src/helpers/utils.ts","webpack://ess-mep/./src/stories/Components/Global/Buttons/LinkButton/LinkButton.tsx","webpack://ess-mep/./src/stories/Components/Global/SectionWrapper/SectionWrapper.styles.ts","webpack://ess-mep/./src/hoc/withBaseProps.tsx","webpack://ess-mep/./src/stories/Components/Global/SectionWrapper/SectionWrapper.tsx","webpack://ess-mep/./src/stories/Widgets/InnerPageBanner/InnerPageBanner.styles.ts","webpack://ess-mep/./src/stories/Widgets/InnerPageBanner/InnerPageBanner.tsx"],"sourcesContent":["var _path;\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 SvgChevronRightMep(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    viewBox: \"0 0 8.617 15.434\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M1.414 1.413l6.2 6.359L1.42 14.02\",\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    strokeWidth: 2\n  })));\n}\nexport default SvgChevronRightMep;","var _path;\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 SvgChevronRight(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    viewBox: \"0 0 7.791 13.658\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M.537.523l6.2 6.359L.543 13.13\",\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeWidth: 1.5\n  })));\n}\nexport default SvgChevronRight;","var _path;\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 SvgEssChevron(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 429.53 649.785\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M0 0l279.317 326.307L0 649.785h143.534l286-323.491L144.372 0z\",\n    fill: \"currentColor\"\n  })));\n}\nexport default SvgEssChevron;","import { css } from 'styled-components';\r\nimport { fluidUnit } from './fluid';\r\n/**\r\n * Returns the aspect ratio of the given width and height as a percentage.\r\n */\r\nexport function aspectRatio(width, height) {\r\n    return (height / width) * 100;\r\n}\r\n/**\r\n * Re-usable styles for image container where the\r\n * image needs to maintain it's aspect ratio\r\n *\r\n * @param width\r\n * @param height\r\n * @returns\r\n */\r\nexport function imageWrapperPreserveRatio(width, height, \r\n/**\r\n * Additonal values to use if the ratio increases over time\r\n */\r\nmaxWidth, maxHeight) {\r\n    if (!width && !height) {\r\n        return null;\r\n    }\r\n    let padding;\r\n    if (maxWidth && maxHeight) {\r\n        padding = `${fluidUnit(aspectRatio(width, height), aspectRatio(maxWidth, maxHeight), '%')}`;\r\n    }\r\n    else {\r\n        padding = `${aspectRatio(width, height)}%`;\r\n    }\r\n    return css `\r\n    position: relative;\r\n    height: 0;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    overflow: clip;\r\n    padding-bottom: ${padding};\r\n  `;\r\n}\r\n/**\r\n * Re-usable styles for an image placed within\r\n * a container maintaining aspect ratio\r\n */\r\nexport const imageCoverContainer = (relative) => css `\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n  ${!relative && 'position: absolute; top: 0;left: 0;'}\r\n`;\r\n","import { fluid } from '@helpers/fluid';\r\nimport { css } from 'styled-components';\r\nimport { Device, from } from './media';\r\nexport const SitePadding = fluid(16, 64);\r\nexport const SiteWidth = 1916;\r\nexport const GutterWidth = fluid(10, 24);\r\nexport const siteWide = css `\r\n  margin: 0 auto;\r\n  max-width: var(--siteWidth);\r\n  padding: 0 var(--sitePadding);\r\n  width: 100%;\r\n`;\r\nexport const baseGrid = css `\r\n  display: grid;\r\n  column-gap: var(--gutterWidth);\r\n  grid-template-columns: repeat(6, 1fr);\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    grid-template-columns: repeat(8, 1fr);\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    grid-template-columns: repeat(12, 1fr);\r\n  }\r\n`;\r\n","import { Cloudinary } from '@cloudinary/url-gen';\r\nimport { dpr, format, quality } from '@cloudinary/url-gen/actions/delivery';\r\nimport { crop, fill, limitFill, pad } from '@cloudinary/url-gen/actions/resize';\r\nimport { face } from '@cloudinary/url-gen/qualifiers/focusOn';\r\nimport { auto as autoFormat } from '@cloudinary/url-gen/qualifiers/format';\r\nimport { autoGravity, focusOn } from '@cloudinary/url-gen/qualifiers/gravity';\r\nimport { auto as autoQuality } from '@cloudinary/url-gen/qualifiers/quality';\r\nconst cl_ess = new Cloudinary({\r\n    cloud: {\r\n        cloudName: 'ddql4dnla',\r\n    },\r\n    url: {\r\n        secure: true,\r\n    },\r\n});\r\nconst cl_mep = new Cloudinary({\r\n    cloud: {\r\n        cloudName: 'dyeapoiad',\r\n    },\r\n    url: {\r\n        secure: true,\r\n    },\r\n});\r\n/**\r\n * Create an image URL for ImageProcessor\r\n * @param image The image model\r\n * @param imageParams The image parameters\r\n * @returns The image URL\r\n */\r\nexport function imageUrl(image, imageParams, site) {\r\n    if (!image?.src) {\r\n        return '';\r\n    }\r\n    const cl = site === 'mep' ? cl_mep : cl_ess;\r\n    let clImage = cl.image(image.src);\r\n    const resizeAction = getResizeAction(image, imageParams);\r\n    if (resizeAction) {\r\n        clImage = clImage.resize(resizeAction);\r\n    }\r\n    clImage = clImage.delivery(getFormatAction(imageParams)).delivery(quality(autoQuality()));\r\n    if (imageParams.dpr) {\r\n        clImage = clImage.delivery(dpr(imageParams.dpr));\r\n    }\r\n    // Set version to enable mass invalidation.\r\n    clImage.setVersion('1');\r\n    /** Compensate for cloudinary incorrectly encoding comma character to %252C */\r\n    return clImage.toURL().replaceAll('%252C', '%2C');\r\n}\r\nfunction getResizeAction(image, imageParams) {\r\n    if (!imageParams.width && !imageParams.height) {\r\n        console.warn(`Image Not Resized: \"${image.src}\"`, image, imageParams);\r\n        return undefined;\r\n    }\r\n    let resizeAction;\r\n    switch (imageParams.crop) {\r\n        case 'crop':\r\n            resizeAction = crop();\r\n            break;\r\n        case 'fill':\r\n            resizeAction = fill();\r\n            break;\r\n        case 'lfill':\r\n            resizeAction = limitFill();\r\n            break;\r\n        case 'pad':\r\n            resizeAction = pad();\r\n            break;\r\n        default:\r\n            resizeAction = fill();\r\n            break;\r\n    }\r\n    if (imageParams.width) {\r\n        resizeAction = resizeAction.width(imageParams.width);\r\n    }\r\n    else if (imageParams.widthratio) {\r\n        resizeAction = resizeAction.aspectRatio(imageParams.widthratio);\r\n    }\r\n    if (imageParams.height) {\r\n        resizeAction = resizeAction.height(imageParams.height);\r\n    }\r\n    else if (imageParams.heightratio) {\r\n        resizeAction = resizeAction.aspectRatio(imageParams.heightratio);\r\n    }\r\n    if (imageParams.crop !== 'pad') {\r\n        if (imageParams.gravity === 'face') {\r\n            resizeAction = resizeAction.gravity(focusOn(face()));\r\n        }\r\n        else {\r\n            resizeAction = resizeAction.gravity(autoGravity());\r\n        }\r\n    }\r\n    return resizeAction;\r\n}\r\nfunction getFormatAction(imageParams) {\r\n    let formatAction;\r\n    if (imageParams.format) {\r\n        formatAction = format(imageParams.format);\r\n    }\r\n    else {\r\n        formatAction = format(autoFormat());\r\n    }\r\n    return formatAction;\r\n}\r\nexport function getSrcs(image, upper, lower, steps, site, ratio) {\r\n    if (!image) {\r\n        return [];\r\n    }\r\n    const sizes = getRange(upper, lower, steps);\r\n    return sizes.map((size) => `${imageUrl(image, { width: size, heightratio: ratio }, site)} ${size}w`);\r\n}\r\nexport function getRetinaSrcs(image, width, site, ratio) {\r\n    const dprs = [1, 1.5, 2];\r\n    return dprs.map((dpr) => `${imageUrl(image, { width: width, heightratio: ratio, dpr }, site)} ${dpr}x`);\r\n}\r\nfunction getRange(upper, lower, steps) {\r\n    const difference = upper - lower;\r\n    const increment = difference / (steps - 1);\r\n    return [\r\n        lower,\r\n        ...Array(steps - 2)\r\n            .fill('')\r\n            .map((_, index) => Math.ceil(lower + increment * (index + 1))),\r\n        upper,\r\n    ];\r\n}\r\n","export function sleep(ms) {\r\n    return new Promise((resolve) => setTimeout(resolve, ms));\r\n}\r\n/** Clamp index to be within the min/max index range. */\r\nexport function clamp(value, max) {\r\n    return Math.max(Math.min(value, max), 0);\r\n}\r\nexport const highlightTitleWords = (title) => title.replaceAll(/\\*([\\w\\W]+)\\*/g, '<span>$1</span>');\r\nexport const formatCurrency = (amount) => amount.toLocaleString('en-GB', { style: 'currency', currency: 'GBP' });\r\nexport const getInitials = (name) => {\r\n    const nameArray = name.split(' ');\r\n    const firstNameIn = nameArray[0].charAt(0).toUpperCase();\r\n    const lastNameIn = nameArray[nameArray.length - 1].charAt(0).toUpperCase();\r\n    return firstNameIn + lastNameIn;\r\n};\r\n/**\r\n * (?=.*[a-z])        = Check for lowercase letter\r\n * (?=.*[A-Z])        = Check for uppercase letter\r\n * (?=.*[0-9])        = Check for digit\r\n * (?=.*[^\\da-zA-Z])  = Check for non-digit and non-letter (^ negates the [] section)\r\n * .{8,}              = Make sure it is at least 8 characters, no maximum\r\n */\r\nexport const PASSWORD_RULE_REGEX = /^(?=.*[A-Z])(?=.*[\\W])(?=.*[0-9])(?=.*[a-z])(?=.*[^\\da-zA-Z]).{8,}$/;\r\n/**\r\n * Make sure this explains PASSWORD_RULE_REGEX\r\n */\r\nexport const PASSWORD_RULE_MESSAGE = `Please enter a valid password`;\r\n/**\r\n * Set of rules to keep the wording consistant throughout the site.\r\n */\r\nexport const PASSWORD_RULES = [\r\n    'At least 8 characters long',\r\n    'At least one Uppercase letter A-Z',\r\n    'At least one Lowercase letter A-Z',\r\n    'At least one base 10 digits 0-9',\r\n    'At least one special character (~!@#$%^&*_-+=`|(){}[]:;”’<>,.?/)',\r\n];\r\n/**\r\n * Rule structure for react-hook-form\r\n */\r\nexport const PASSWORD_RULE = {\r\n    message: PASSWORD_RULE_MESSAGE,\r\n    value: PASSWORD_RULE_REGEX,\r\n};\r\n/**\r\n * Rule structure for react-hook-form\r\n */\r\nexport const EMAIL_RULE = {\r\n    message: `Please enter a valid email address`,\r\n    value: /^[\\w\\-.\\d*]+@[\\w\\-\\d.]+(\\.\\w*)$/,\r\n};\r\n/**\r\n * Rule structure for react-hook-form\r\n */\r\nexport const PHONE_NUMBER_RULE = {\r\n    message: `Please enter a valid phone number`,\r\n    value: /^[\\d+()\\-x ]+$/,\r\n};\r\n/**\r\n * Rule structure for full name. At least two words separated by a space\r\n */\r\nexport const FULL_NAME_RULE = {\r\n    message: `Please enter a valid full name with first and last names`,\r\n    value: /^([\\w\\-\\u00C0-\\u017F]{3,})+\\s+([\\w\\s\\-\\u00C0-\\u017F]{3,})+$/i,\r\n};\r\n/**\r\n * Rule structure for react-hook-form\r\n * Pattern based on https://andrewwburns.com/2018/04/10/uk-postcode-validation-regex/, but allows both lower and uppercase\r\n */\r\nexport const POSTCODE_RULE = {\r\n    message: `Please enter a valid postcode`,\r\n    value: /^(([A-Za-z][0-9]{1,2})|(([A-Za-z][A-HJ-Ya-hj-y][0-9]{1,2})|(([A-Za-z][0-9][A-Za-z])|([A-Za-z][A-HJ-Ya-hj-y][0-9]?[A-Za-z])))) [0-9][A-Za-z]{2}$/,\r\n};\r\n","import ChevronRightMEP from '@img/icons/chevron-right-mep.svg';\r\nimport ChevronRight from '@img/icons/chevron-right.svg';\r\nimport { FocusRing } from '@react-aria/focus';\r\nimport * as React from 'react';\r\nimport S from '../Button/Button.styles';\r\nconst LinkButton = ({ buttonType, children, icon, iconOnly, iconPosition = 'right', site, ...otherProps }) => {\r\n    return (React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n        React.createElement(S.Container, { as: \"a\", \"data-icon-only\": iconOnly, \"data-icon-position\": iconPosition, \"data-type\": buttonType, ...otherProps },\r\n            React.createElement(S.Text, null, children),\r\n            buttonType === 'link' || buttonType === 'link-alt' || buttonType === 'link-black' ? (React.createElement(S.IconWrapper, null, site === 'ess' ? React.createElement(ChevronRight, null) : React.createElement(ChevronRightMEP, null))) : (React.createElement(React.Fragment, null, icon ? React.createElement(S.IconWrapper, null, icon) : null)))));\r\n};\r\nexport default LinkButton;\r\n","import { fluid } from '@helpers/fluid';\r\nimport { siteWide } from '@helpers/grid';\r\nimport styled from 'styled-components';\r\nconst Container = styled.section `\r\n  --scrollMargin: ${fluid(8, 12)};\r\n\r\n  scroll-margin: var(--scrollMargin) 0 0;\r\n\r\n  // Spacing styles.\r\n  &[data-spacing='padding'] {\r\n    padding: var(--sectionSpacing) 0;\r\n  }\r\n\r\n  &[data-spacing='margin'] {\r\n    margin: var(--sectionSpacing) 0;\r\n  }\r\n\r\n  // Overflow styles.\r\n  &[data-overflow='hidden'] {\r\n    overflow: hidden;\r\n  }\r\n\r\n  &[data-overflow='clip'] {\r\n    overflow: clip;\r\n  }\r\n`;\r\nconst Inner = styled.div `\r\n  ${siteWide};\r\n`;\r\nconst SectionWrapperStyles = {\r\n    Container,\r\n    Inner,\r\n};\r\nexport default SectionWrapperStyles;\r\n","import * as React from 'react';\r\nconst BasePropsContext = React.createContext({ site: 'ess' });\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 * as React from 'react';\r\nimport S from './SectionWrapper.styles';\r\nconst SectionWrapper = React.forwardRef((props, ref) => {\r\n    const { children, layout = 'default', overflow = 'default', spacing = 'margin', site = 'ess', ...otherProps } = props;\r\n    const baseProps = useBaseProps();\r\n    return (React.createElement(S.Container, { ref: ref, id: baseProps.id, \"data-overflow\": overflow, \"data-spacing\": spacing, \"data-site\": site, ...otherProps }, renderLayout()));\r\n    function renderLayout() {\r\n        if (layout === 'fullWidth') {\r\n            return children;\r\n        }\r\n        return React.createElement(S.Inner, null, children);\r\n    }\r\n});\r\nSectionWrapper.displayName = 'SectionWrapper';\r\nexport default SectionWrapper;\r\n","import { imageCoverContainer } from '@helpers/aspectRatio';\r\nimport brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { baseGrid } from '@helpers/grid';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport { contentStyles, h1, paragraphLarge } from '@helpers/typography';\r\nimport mesBgLinesPrimary from '@img/inner-page-banner-bg-primary-lines.svg?url';\r\nimport mesBgLinesSecondary from '@img/inner-page-banner-bg-secondary-lines.svg?url';\r\nimport mesBgLinesTertiary from '@img/inner-page-banner-bg-tertiary-lines.svg?url';\r\nimport SectionWrapper from '@stories/Components/Global/SectionWrapper/SectionWrapper';\r\nimport styled from 'styled-components';\r\nconst Container = styled(SectionWrapper) `\r\n  /* set default, in case not defined */\r\n  --tagBgColour: ${brand.mep.secondary.darkestGrey};\r\n\r\n  background-color: var(--bgColour);\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    padding: 40px 0;\r\n  }\r\n\r\n  &[data-site='ess'] {\r\n    --titleColour: ${brand.ess.primary};\r\n    --highlightColour: ${brand.global.red};\r\n    --textColour: ${brand.ess.secondary.darkGrey};\r\n    --bgColour: ${brand.ess.secondary.lightestGrey};\r\n    --shapeColour: ${brand.ess.secondary.lightGrey};\r\n\r\n    &[data-background='secondary'] {\r\n      --titleColour: ${brand.global.red};\r\n      --highlightColour: ${brand.global.red};\r\n      --textColour: ${brand.global.white};\r\n      --bgColour: ${brand.ess.primary};\r\n      --shapeColour: ${brand.ess.secondary.darkestGrey};\r\n    }\r\n\r\n    @media ${until(Device.TabletLarge)} {\r\n      &:before {\r\n        content: '';\r\n        position: absolute;\r\n        right: 0;\r\n        top: 0;\r\n        width: 0;\r\n        height: 0;\r\n        border-top: 100px solid var(--shapeColour);\r\n        border-left: 100px solid transparent;\r\n      }\r\n\r\n      &:after {\r\n        content: '';\r\n        position: absolute;\r\n        right: 0;\r\n        bottom: 0;\r\n        width: 0;\r\n        height: 0;\r\n        border-bottom: 100px solid var(--shapeColour);\r\n        border-left: 100px solid transparent;\r\n      }\r\n    }\r\n  }\r\n\r\n  &[data-site='mep'] {\r\n    --titleColour: ${brand.global.white};\r\n    --highlightColour: ${brand.mep.primary};\r\n    --textColour: ${brand.global.white};\r\n    --bgColour: ${brand.global.red};\r\n    --shapeColour: ${brand.global.white};\r\n\r\n    &::before {\r\n      content: '';\r\n      display: block;\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: url(${mesBgLinesPrimary}) top left / auto 100% no-repeat;\r\n\r\n      @media ${from(Device.TabletLarge)} {\r\n        height: calc(100% - 32px);\r\n      }\r\n    }\r\n\r\n    &[data-background='secondary'] {\r\n      --titleColour: ${brand.mep.primary};\r\n      --highlightColour: ${brand.global.red};\r\n      --textColour: ${brand.mep.primary};\r\n      --bgColour: ${brand.mep.secondary.lightestGrey};\r\n      --shapeColour: ${brand.global.white};\r\n\r\n      &::before {\r\n        background-image: url(${mesBgLinesSecondary});\r\n      }\r\n    }\r\n\r\n    &[data-background='tertiary'] {\r\n      --titleColour: ${brand.global.white};\r\n      --highlightColour: ${brand.global.red};\r\n      --textColour: ${brand.global.white};\r\n      --bgColour: ${brand.mep.primary};\r\n      --shapeColour: ${brand.global.white};\r\n\r\n      &::before {\r\n        background-image: url(${mesBgLinesTertiary});\r\n      }\r\n    }\r\n\r\n    &[data-has-sector='false'] {\r\n      @media ${from(Device.TabletLarge)} {\r\n        background: linear-gradient(to bottom, var(--bgColour) 0% calc(100% - 32px), transparent calc(100% - 32px));\r\n        margin-bottom: -32px;\r\n        z-index: 2;\r\n      }\r\n    }\r\n  }\r\n`;\r\nconst Inner = styled.div `\r\n  ${baseGrid};\r\n  align-items: center;\r\n\r\n  [data-site='ess'] & {\r\n    &:before {\r\n      content: '';\r\n      position: absolute;\r\n      left: 0;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      width: 0;\r\n      height: 0;\r\n      border-top: 70px solid transparent;\r\n      border-left: 70px solid var(--shapeColour);\r\n      border-bottom: 70px solid transparent;\r\n\r\n      @media ${until(Device.Tablet)} {\r\n        border-top: 15px solid transparent;\r\n        border-left: 15px solid var(--shapeColour);\r\n        border-bottom: 15px solid transparent;\r\n      }\r\n    }\r\n  }\r\n`;\r\nconst ImageContainer = styled.div `\r\n  display: none;\r\n  position: relative;\r\n  height: 100%;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    display: block;\r\n    grid-column: 5 / span 4;\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    grid-column: 7 / span 6;\r\n  }\r\n\r\n  [data-site='mep'][data-has-sector='false'] & {\r\n    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 32px), 0% 100%);\r\n  }\r\n\r\n  ${Container}[data-has-sector='true'] & {\r\n    &:before {\r\n      content: '';\r\n      position: absolute;\r\n      height: 50%;\r\n      width: 100%;\r\n      left: 0;\r\n      bottom: 0;\r\n      right: initial;\r\n      background-color: var(--tagBgColour);\r\n      clip-path: polygon(11% 21%, 20% 62%, 47% 100%);\r\n      z-index: 4;\r\n    }\r\n  }\r\n`;\r\nconst Image = styled.img `\r\n  ${imageCoverContainer(true)};\r\n\r\n  position: relative;\r\n  z-index: 3;\r\n\r\n  [data-site='ess'] & {\r\n    clip-path: polygon(100% 0, 100% 100%, 0% 100%, 25% 50%, 0% 0%);\r\n  }\r\n\r\n  [data-site='mep'] & {\r\n    clip-path: ellipse(97% 125% at 97% 40%);\r\n  }\r\n\r\n  ${Container}[data-has-sector='true'] & {\r\n    clip-path: ellipse(97% 100% at 97% 14%);\r\n\r\n    &:before {\r\n      content: '';\r\n      position: absolute;\r\n      height: 100%;\r\n      width: 55%;\r\n      left: 0;\r\n      right: initial;\r\n      background-color: var(--bgColour);\r\n      clip-path: polygon(11% 21%, 9% 50%, 49% 104%);\r\n      z-index: 4;\r\n    }\r\n  }\r\n`;\r\nconst ChevronContainer = styled.div `\r\n  svg {\r\n    height: 100%;\r\n    position: absolute;\r\n    z-index: 4;\r\n    left: -75px;\r\n    color: var(--shapeColour);\r\n  }\r\n`;\r\nconst SectorIndicatorContainer = styled.div `\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0%;\r\n  width: 95%;\r\n  height: 50%;\r\n  z-index: 2;\r\n  background-color: var(--tagBgColour);\r\n  clip-path: ellipse(100% 200% at 100% 85%);\r\n`;\r\nconst SectorIndicatorIcon = styled.img `\r\n  position: absolute;\r\n  bottom: 10%;\r\n  left: 5%;\r\n  width: ${fluid(70, 90)};\r\n  height: ${fluid(70, 90)};\r\n`;\r\nconst SectorIndicatorContainerMobile = styled.div `\r\n  display: none;\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n  width: 86px;\r\n  height: 94px;\r\n  z-index: 2;\r\n  background-color: var(--tagBgColour);\r\n  clip-path: ellipse(100% 100% at 100% 75%);\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    display: block;\r\n  }\r\n\r\n  &:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    background-color: var(--bgColour);\r\n    width: 100%;\r\n    height: 40px;\r\n    clip-path: polygon(100% 0%, 30% 0%, 100% 100%);\r\n  }\r\n`;\r\nconst SectorIndicatorIconMobile = styled.img `\r\n  position: absolute;\r\n  bottom: 20px;\r\n  right: 20px;\r\n  width: 35px;\r\n  height: 35px;\r\n`;\r\nconst ContentContainer = styled.div `\r\n  grid-row: 1;\r\n  grid-column: span 8;\r\n  padding: 40px;\r\n  position: relative;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    grid-column: span 4;\r\n\r\n    ${Container}[data-site='mep'][data-has-sector='false'] & {\r\n      padding-top: 90px;\r\n      padding-bottom: 105px;\r\n    }\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    grid-column: 2 / span 4;\r\n  }\r\n`;\r\nconst BackgroundContainer = styled.div `\r\n  svg {\r\n    color: var(--shapeColour);\r\n  }\r\n`;\r\nconst Title = styled.h1 `\r\n  ${h1};\r\n\r\n  color: var(--titleColour);\r\n\r\n  > span {\r\n    display: inline;\r\n    color: var(--highlightColour);\r\n  }\r\n\r\n  ${Container}[data-site='mep'] & {\r\n    ${fonts.museoSlab.medium};\r\n  }\r\n`;\r\nconst Content = styled.div `\r\n  ${contentStyles};\r\n\r\n  color: var(--textColour);\r\n\r\n  ${Container}[data-site='mep'] & {\r\n    > p {\r\n      ${paragraphLarge};\r\n    }\r\n  }\r\n`;\r\nconst CTAContainer = styled.div `\r\n  margin-top: ${fluid(42, 60)};\r\n\r\n  ${Container}[data-site='mep'] & {\r\n    margin-top: 15px;\r\n  }\r\n`;\r\nconst InnerPageBannerStyles = {\r\n    Container,\r\n    Inner,\r\n    ImageContainer,\r\n    ChevronContainer,\r\n    Image,\r\n    ContentContainer,\r\n    BackgroundContainer,\r\n    Title,\r\n    Content,\r\n    CTAContainer,\r\n    SectorIndicatorContainer,\r\n    SectorIndicatorIcon,\r\n    SectorIndicatorContainerMobile,\r\n    SectorIndicatorIconMobile,\r\n};\r\nexport default InnerPageBannerStyles;\r\n","import { getRetinaSrcs, getSrcs, imageUrl } from '@helpers/image';\r\nimport { highlightTitleWords } from '@helpers/utils';\r\nimport SvgChevron from '@img/icons/ess-chevron.svg';\r\nimport LinkButton from '@stories/Components/Global/Buttons/LinkButton/LinkButton';\r\nimport * as React from 'react';\r\nimport S from './InnerPageBanner.styles';\r\nconst InnerPageBanner = (props) => {\r\n    if (!props.image && !props.title) {\r\n        return null;\r\n    }\r\n    const srcs = getSrcs(props.image, 1268, 507, 6, props.site, 964 / 645);\r\n    return (React.createElement(S.Container, { layout: \"fullWidth\", spacing: \"none\", \"data-background\": props.background, \"data-has-sector\": !!props.sectionIcon, site: props.site, style: { '--tagBgColour': props.sectionIcon?.colour } },\r\n        React.createElement(S.Inner, null,\r\n            React.createElement(S.ImageContainer, null,\r\n                props.site === 'ess' && (React.createElement(S.ChevronContainer, null,\r\n                    React.createElement(SvgChevron, null))),\r\n                React.createElement(S.Image, { src: srcs[0].split(' ')[0], srcSet: srcs.join(','), sizes: \"50vw\", alt: props.image.altText ?? props.title }),\r\n                props.sectionIcon && (React.createElement(S.SectorIndicatorContainer, null,\r\n                    React.createElement(S.SectorIndicatorIcon, { role: \"presentation\", src: imageUrl(props.sectionIcon.icon, { width: 90 }, props.site), srcSet: getRetinaSrcs(props.sectionIcon.icon, 90, props.site).join(',') })))),\r\n            React.createElement(S.ContentContainer, null,\r\n                React.createElement(S.Title, { dangerouslySetInnerHTML: { __html: highlightTitleWords(props.title) } }),\r\n                props.content && React.createElement(S.Content, { dangerouslySetInnerHTML: { __html: props.content } }),\r\n                props.cta && (React.createElement(S.CTAContainer, null,\r\n                    React.createElement(LinkButton, { buttonType: props.site === 'mep' && props.background === 'secondary' ? 'default' : 'secondary', href: props.cta.url, target: props.cta.target, site: props.site }, props.cta.text)))),\r\n            props.sectionIcon && (React.createElement(S.SectorIndicatorContainerMobile, null,\r\n                React.createElement(S.SectorIndicatorIconMobile, { role: \"presentation\", src: imageUrl(props.sectionIcon.icon, { width: 35 }, props.site), srcSet: getRetinaSrcs(props.sectionIcon.icon, 35, props.site).join(',') }))))));\r\n};\r\nexport default InnerPageBanner;\r\n"],"names":["_path","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","props","viewBox","d","fill","stroke","strokeLinecap","strokeLinejoin","strokeWidth","xmlns","aspectRatio","width","height","imageWrapperPreserveRatio","maxWidth","maxHeight","padding","fluidUnit","css","imageCoverContainer","relative","fluid","SiteWidth","siteWide","baseGrid","from","Device","cl_ess","Cloudinary","cloud","cloudName","url","secure","cl_mep","imageUrl","image","imageParams","site","src","clImage","resizeAction","console","warn","crop","limitFill","pad","widthratio","heightratio","gravity","focusOn","face","autoGravity","getResizeAction","resize","delivery","formatAction","format","autoFormat","getFormatAction","quality","autoQuality","dpr","setVersion","toURL","replaceAll","getSrcs","upper","lower","steps","ratio","sizes","increment","Array","map","_","index","Math","ceil","getRange","size","getRetinaSrcs","sleep","ms","Promise","resolve","setTimeout","clamp","value","max","min","highlightTitleWords","title","formatCurrency","amount","toLocaleString","style","currency","getInitials","name","nameArray","split","charAt","toUpperCase","PASSWORD_RULES","PASSWORD_RULE","message","EMAIL_RULE","PHONE_NUMBER_RULE","POSTCODE_RULE","_ref","buttonType","children","icon","iconOnly","iconPosition","otherProps","React","FocusRing","focusRingClass","S","as","ChevronRight","ChevronRightMEP","Container","styled","displayName","componentId","Inner","BasePropsContext","SectionWrapper","ref","layout","overflow","spacing","baseProps","id","withConfig","brand","until","mesBgLinesPrimary","mesBgLinesSecondary","mesBgLinesTertiary","ImageContainer","Image","ChevronContainer","SectorIndicatorContainer","SectorIndicatorIcon","SectorIndicatorContainerMobile","SectorIndicatorIconMobile","ContentContainer","BackgroundContainer","Title","h1","fonts","Content","contentStyles","paragraphLarge","CTAContainer","_props$sectionIcon","_props$image$altText","srcs","background","sectionIcon","colour","SvgChevron","srcSet","join","alt","altText","role","dangerouslySetInnerHTML","__html","content","cta","LinkButton","href","text"],"sourceRoot":""}