{"version":3,"file":"579-efdb5fd8560367f7ac5b.js","mappings":"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","sources":["webpack://royal-geographical-society/./src/stories/Widgets/Global/Breadcrumb/Breadcrumb.styles.ts","webpack://royal-geographical-society/./src/stories/Widgets/Global/Breadcrumb/Breadcrumb.tsx","webpack://royal-geographical-society/./src/stories/Widgets/InnerPageBanner/InnerPageBanner.styles.ts","webpack://royal-geographical-society/./src/stories/Widgets/InnerPageBanner/InnerPageBanner.tsx"],"sourcesContent":["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 scrollbars from '@helpers/scrollbars';\r\nimport { paragraphSmall, paragraphTiny } from '@helpers/typography';\r\nimport styled from 'styled-components';\r\nconst Container = styled.div `\r\n  padding-bottom: 15px;\r\n`;\r\nconst List = styled.ul `\r\n  ${scrollbars};\r\n\r\n  overflow: auto;\r\n  white-space: nowrap;\r\n`;\r\nconst Item = styled.li `\r\n  ${transition('color')};\r\n  ${paragraphSmall};\r\n\r\n  line-height: ${fluid(30, 30)};\r\n  display: inline-block;\r\n  margin: 0 4px 0 0;\r\n  color: ${brand.orange};\r\n\r\n  &:hover,\r\n  &:focus-within {\r\n    color: ${brand.grey.grey41};\r\n  }\r\n\r\n  &::after {\r\n    content: '>';\r\n    margin-left: 4px;\r\n    color: ${brand.orange};\r\n  }\r\n\r\n  &:first-child {\r\n    @media ${until(Device.Tablet)} {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  &:last-child {\r\n    color: ${brand.grey.grey41};\r\n\r\n    &::after {\r\n      display: none;\r\n    }\r\n  }\r\n`;\r\nconst ItemLink = styled.a `\r\n  ${transition('text-decoration-color')};\r\n  ${paragraphTiny};\r\n\r\n  text-decoration: underline;\r\n  text-decoration-color: currentColor;\r\n  text-underline-offset: 2px;\r\n\r\n  &:not([aria-current='location']).focus-ring,\r\n  &:not([aria-current='location']):hover {\r\n    text-decoration-color: currentColor;\r\n  }\r\n\r\n  ${Item}:last-child & {\r\n    text-decoration: none;\r\n  }\r\n\r\n  &[aria-current='location'] {\r\n    ${fonts.agBook.regular};\r\n  }\r\n`;\r\nconst BreadcrumbStyles = {\r\n    Container,\r\n    List,\r\n    Item,\r\n    ItemLink,\r\n};\r\nexport default BreadcrumbStyles;\r\n","import * as React from 'react';\r\nimport S from './Breadcrumb.styles';\r\nconst Breadcrumb = (props) => {\r\n    return (React.createElement(S.Container, null,\r\n        React.createElement(S.List, { \"aria-label\": \"breadcrumb\" }, props.items.map((item, i) => (React.createElement(React.Fragment, null,\r\n            i === 0 && props.items.length > 2 && (React.createElement(S.Item, null,\r\n                React.createElement(S.ItemLink, { href: item.url, title: item.text, id: item.id, \"aria-current\": i === props.items.length - 1 ? 'location' : undefined }, item.text))),\r\n            i === props.items.length - 3 && props.items.length > 3 && (React.createElement(S.Item, { \"data-ellip\": \"true\" },\r\n                React.createElement(S.ItemLink, { href: item.url, title: item.text, \"aria-current\": i === props.items.length - 1 ? 'location' : undefined }, \"\\u2026\"))),\r\n            i >= props.items.length - 2 ? (React.createElement(React.Fragment, { key: `breadcrumb-${i}` },\r\n                React.createElement(S.Item, null,\r\n                    React.createElement(S.ItemLink, { href: item.url, title: item.text, id: item.id, \"aria-current\": i === props.items.length - 1 ? 'location' : undefined }, item.text != undefined &&\r\n                        (item.text.length > 14 ? `${item.text.slice(0, 14)}...` : item.text))))) : null))))));\r\n};\r\nexport default Breadcrumb;\r\n","import { transition } from '@helpers/animate';\r\nimport { 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 } from '@helpers/typography';\r\nimport SectionWrapper from '@stories/Components/Global/SectionWrapper/SectionWrapper';\r\nimport SectionWrapperStyles from '@stories/Components/Global/SectionWrapper/SectionWrapper.styles';\r\nimport { rgba } from 'polished';\r\nimport styled from 'styled-components';\r\nconst Container = styled(SectionWrapper) `\r\n  position: relative;\r\n\r\n  ${SectionWrapperStyles.SiteWide} {\r\n    @media ${until(Device.Tablet)} {\r\n      padding-left: 0;\r\n      padding-right: 0;\r\n    }\r\n  }\r\n`;\r\nconst Inner = styled.div `\r\n  border-left: 10px solid var(--themeColor);\r\n\r\n  @media ${from(Device.DesktopSmall)} {\r\n    ${baseGrid};\r\n    height: 400px;\r\n    border: none;\r\n  }\r\n`;\r\nconst ContentArea = styled.div `\r\n  background-color: ${brand.grey.grey91};\r\n  padding: 20px ${fluid(25, 40)};\r\n  min-height: 280px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    position: relative;\r\n    z-index: 1;\r\n    grid-column: span 4;\r\n    border-left: ${fluid(10, 20)} solid var(--themeColor);\r\n  }\r\n`;\r\nconst BannerTitle = styled.h1 `\r\n  ${h1};\r\n  margin-bottom: 20px;\r\n`;\r\nconst Content = styled.div `\r\n  ${contentStyles};\r\n`;\r\nconst CtaArea = styled.div `\r\n  padding-top: 25px;\r\n`;\r\nconst MediaArea = styled.div `\r\n  position: relative;\r\n  height: 200px;\r\n  width: 100%;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    border-left: clamp(0.56rem, 0.25rem + 0.97vw, 1.11rem) solid var(--themeColor);\r\n  }\r\n\r\n  @media ${from(Device.DesktopSmall)} {\r\n    position: absolute;\r\n    width: 68vw;\r\n    height: 400px;\r\n    right: 0;\r\n  }\r\n`;\r\nconst CitationBtn = styled.button `\r\n  ${transition('background-color')};\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: 0;\r\n  border: none;\r\n  border-radius: 0;\r\n  background-color: transparent;\r\n  height: 40px;\r\n  padding: 0 40px;\r\n\r\n  @media ${until(Device.Tablet)} {\r\n    width: 100%;\r\n    height: 35px;\r\n  }\r\n\r\n  &[data-citation-open='true'] {\r\n    background-color: ${rgba(brand.white, 0.9)};\r\n  }\r\n`;\r\nconst CitationIcon = styled.div `\r\n  ${transition('background-color')};\r\n  ${fonts.agBook.bold};\r\n  color: ${brand.white};\r\n  width: 30px;\r\n  height: 30px;\r\n  background-color: ${rgba(brand.grey.grey41, 0.9)};\r\n  border-radius: 100%;\r\n  font-size: 22px;\r\n  line-height: 30px;\r\n  margin-right: 40px;\r\n  margin-top: -20px;\r\n\r\n  @media ${until(Device.Tablet)} {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 20px;\r\n    margin-right: 0;\r\n    margin-top: 0;\r\n  }\r\n\r\n  ${CitationBtn}:hover &,\r\n  ${CitationBtn}:focus {\r\n    background-color: ${brand.orange};\r\n  }\r\n\r\n  [data-citation-open='true'] & {\r\n    @media ${from(Device.Tablet)} {\r\n      display: none;\r\n    }\r\n  }\r\n`;\r\nconst CitationContent = styled.span `\r\n  ${fonts.agBook.light};\r\n  font-style: italic;\r\n  font-size: 12px;\r\n  line-height: 14px;\r\n  display: none;\r\n\r\n  [data-citation-open='true'] & {\r\n    display: block;\r\n  }\r\n`;\r\nconst PromoMedia = styled.div `\r\n  ${imageCoverContainer()};\r\n`;\r\nconst PromoImage = styled.img `\r\n  ${imageCoverContainer()};\r\n`;\r\nexport const InnerPageBannerStyles = {\r\n    BannerTitle,\r\n    CitationBtn,\r\n    CitationContent,\r\n    CitationIcon,\r\n    Container,\r\n    Content,\r\n    ContentArea,\r\n    CtaArea,\r\n    Inner,\r\n    MediaArea,\r\n    PromoImage,\r\n    PromoMedia,\r\n};\r\n","import { getSrcs } from '@helpers/image';\r\nimport { LinkButton } from '@stories/Components/Buttons/Button/Button';\r\nimport React from 'react';\r\nimport Breadcrumb from '../Global/Breadcrumb/Breadcrumb';\r\nimport { InnerPageBannerStyles as S } from './InnerPageBanner.styles';\r\nconst InnerPageBanner = ({ breadcrumb, content, image, link, theme, title, }) => {\r\n    const [citationOpen, setCitationOpen] = React.useState(false);\r\n    const srcs = getSrcs(image, 1300, 425, 8, 425 / 1300);\r\n    return (React.createElement(S.Container, { flush: \"top\", theme: theme },\r\n        React.createElement(S.Inner, null,\r\n            React.createElement(S.MediaArea, null,\r\n                srcs && (React.createElement(S.PromoMedia, null,\r\n                    React.createElement(S.PromoImage, { alt: image.altText ?? '', loading: \"eager\", role: image.altText ? undefined : 'presentation', src: srcs[0].split(' ')[0], srcSet: srcs.join(','), width: \"1300\", height: \"425\" }))),\r\n                image.citation && (React.createElement(S.CitationBtn, { type: \"button\", \"data-citation-open\": citationOpen, onClick: () => setCitationOpen(!citationOpen) },\r\n                    React.createElement(S.CitationIcon, null, \"i\"),\r\n                    React.createElement(S.CitationContent, null, image.citation)))),\r\n            React.createElement(S.ContentArea, null,\r\n                breadcrumb && React.createElement(Breadcrumb, { items: breadcrumb }),\r\n                React.createElement(S.BannerTitle, null, title),\r\n                content && React.createElement(S.Content, { dangerouslySetInnerHTML: { __html: content } }),\r\n                link && (React.createElement(S.CtaArea, null,\r\n                    React.createElement(LinkButton, { styleType: \"solid\", title: link?.text ?? 'Find out more', href: link?.url, target: link?.target ?? '_self', id: link?.id, \"data-element-theme\": theme })))))));\r\n};\r\nexport default InnerPageBanner;\r\n"],"names":["Container","styled","List","scrollbars","Item","transition","paragraphSmall","fluid","brand","until","Device","ItemLink","paragraphTiny","fonts","props","React","S","items","map","item","i","length","href","url","title","text","id","undefined","key","slice","SectionWrapper","SectionWrapperStyles","Inner","from","baseGrid","ContentArea","BannerTitle","h1","Content","contentStyles","CtaArea","MediaArea","CitationBtn","rgba","CitationIcon","CitationContent","PromoMedia","imageCoverContainer","InnerPageBannerStyles","PromoImage","breadcrumb","content","image","link","theme","citationOpen","setCitationOpen","srcs","getSrcs","flush","alt","altText","loading","role","src","split","srcSet","join","width","height","citation","type","onClick","Breadcrumb","dangerouslySetInnerHTML","__html","LinkButton","styleType","target"],"sourceRoot":""}