{"version":3,"file":"static/js/PageCard.676bb265.js","mappings":"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","sources":["components/Image/ImageLoader.tsx","components/PageCard/PageCard.styled.ts","components/PageCard/PageCard.tsx","components/Watermark/WatermarkLoader.tsx"],"sourcesContent":["import loadable, { DefaultComponent } from \"@loadable/component\";\nimport React, { ReactElement } from \"react\";\n\nimport ImageProps from \"./ImageProps\";\n\nconst Image = loadable(\n    (): Promise<DefaultComponent<ImageProps>> =>\n        import(/* webpackChunkName: \"Image\" */ \"./Image\"),\n);\nconst ImageLoader = (props: ImageProps): ReactElement => <Image {...props} />;\nexport default ImageLoader;\n","import { styled, css } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport { default as NavLink } from \"components/Link\";\nimport Watermark from \"components/Watermark/\";\nimport {\n    BodyM,\n    HeadingM,\n    LabelM,\n    LabelS,\n    styleLabelS,\n} from \"style/components/Typography\";\nimport { columnGap } from \"style/grid\";\nimport { MQ } from \"style/mediaQueries\";\n\nexport const Container = styled.div`\n    display: flex;\n    flex-flow: row;\n    justify-content: flex-start;\n    width: 100%;\n`;\n\nexport const ImageWrapper = styled.div`\n    align-items: center;\n    aspect-ratio: 1.5;\n    background: var(--block-blue-default);\n    display: flex;\n    flex-direction: column;\n    grid-column: col-start 1 / span 4;\n    justify-content: center;\n    margin-bottom: 1.75rem;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n\n    figure {\n        inset: 0 0 -1px; /* fix rounding pixels issue */\n        position: absolute;\n\n        img {\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.3s ease-in-out;\n            width: 100%;\n        }\n    }\n\n    ${MQ.FROM_M} {\n        margin-bottom: 2.1875rem;\n        ${theme(\"size\", {\n            large: css`\n                grid-column: col-start 1 / span 12;\n            `,\n        })};\n    }\n\n    ${MQ.FROM_L} {\n        ${theme(\"size\", {\n            large: css`\n                grid-column: col-start 1 / span 8;\n                margin-bottom: 0;\n            `,\n        })};\n    }\n\n    ${MQ.FROM_XL} {\n        ${theme(\"size\", {\n            medium: css`\n                margin-bottom: 2.625rem;\n            `,\n        })};\n    }\n`;\n\nexport const Content = styled.div`\n    ${columnGap};\n    display: grid;\n    grid-column: col-start 1 / span 4;\n    grid-template-areas:\n        \"heading heading\"\n        \"categories categories\"\n        \"dateandlength length\"\n        \"introduction introduction\";\n    grid-template-columns: repeat(4, [col-start] 1fr);\n    margin-bottom: auto;\n    width: 100%;\n\n    ${MQ.FROM_M} {\n        ${theme(\"size\", {\n            large: css`\n                grid-column: col-start 1 / span 12;\n                grid-template-areas:\n                    \"heading heading heading\"\n                    \"categories dateandlength length\"\n                    \"categories introduction introduction\";\n                grid-template-columns: repeat(12, [col-start] 1fr);\n            `,\n        })}\n    }\n\n    ${MQ.FROM_L} {\n        ${theme(\"size\", {\n            medium: css`\n                grid-template-areas:\n                    \"heading heading heading\"\n                    \"categories dateandlength length\"\n                    \"introduction introduction introduction\";\n                grid-template-columns: repeat(6, [col-start] 1fr);\n            `,\n            large: css`\n                grid-column: col-start 9 / span 4;\n                grid-template-areas:\n                    \"heading heading\"\n                    \"categories categories\"\n                    \"dateandlength length\"\n                    \"introduction introduction\";\n                grid-template-columns: repeat(4, [col-start] 1fr);\n            `,\n        })};\n    }\n    ${MQ.FROM_XL} {\n        ${theme(\"size\", {\n            medium: css`\n                grid-template-areas:\n                    \"heading heading heading\"\n                    \"categories dateandlength length\"\n                    \"categories introduction introduction\";\n            `,\n        })};\n    }\n`;\n\nexport const Heading = styled(HeadingM)`\n    grid-area: heading;\n    grid-column: col-start 1 / span 4;\n    margin-bottom: 0.875rem;\n    margin-top: 0;\n\n    span {\n        border-bottom: 1px solid var(--color-black-o00);\n        transition: border-color 0.2s ease-in-out;\n    }\n\n    ${MQ.FROM_M} {\n        margin-bottom: 1.3125rem;\n\n        ${theme(\"size\", {\n            medium: css`\n                grid-column: col-start 1 / span 4;\n            `,\n            large: css`\n                grid-column: col-start 1 / span 12;\n            `,\n        })};\n    }\n\n    ${MQ.FROM_L} {\n        ${theme(\"size\", {\n            medium: css`\n                grid-column: col-start 1 / span 6;\n            `,\n            large: css`\n                grid-column: col-start 1 / span 4;\n            `,\n        })};\n    }\n\n    ${MQ.FROM_XL} {\n        margin-bottom: 1.75rem;\n    }\n`;\n\nexport const Introduction = styled(BodyM)`\n    grid-area: introduction;\n    grid-column: col-start 1 / span 4;\n    margin-bottom: 1.75rem;\n\n    ${MQ.FROM_M} {\n        ${theme(\"size\", {\n            medium: css`\n                grid-column: col-start 1 / span 4;\n            `,\n            large: css`\n                grid-column: col-start 5 / span 8;\n            `,\n        })};\n    }\n\n    ${MQ.FROM_L} {\n        ${theme(\"size\", {\n            medium: css`\n                grid-column: col-start 1 / span 6;\n            `,\n            large: css`\n                grid-column: col-start 1 / span 4;\n            `,\n        })};\n    }\n\n    ${MQ.FROM_XL} {\n        ${theme(\"size\", {\n            medium: css`\n                grid-column: col-start 3 / span 4;\n            `,\n            large: css`\n                grid-column: col-start 1 / span 4;\n            `,\n        })};\n    }\n`;\n\nexport const Categories = styled(LabelM)`\n    grid-area: categories;\n    grid-column: col-start 1 / span 4;\n\n    ${MQ.FROM_M} {\n        ${theme(\"size\", {\n            medium: css`\n                grid-column: col-start 1 / span 3;\n            `,\n            large: css`\n                grid-column: col-start 1 / span 4;\n            `,\n        })};\n    }\n\n    ${MQ.FROM_L} {\n        ${theme(\"size\", {\n            medium: css`\n                grid-column: col-start 1 / span 3;\n            `,\n            large: css`\n                grid-column: col-start 1 / span 4;\n            `,\n        })};\n    }\n\n    ${MQ.FROM_XL} {\n        ${theme(\"size\", {\n            medium: css`\n                grid-column: col-start 1 / span 2;\n            `,\n            large: css`\n                grid-column: col-start 1 / span 4;\n            `,\n        })};\n    }\n`;\n\nexport const DateAndLength = styled(LabelS)`\n    display: flex;\n    gap: 0.875rem;\n    grid-area: dateandlength;\n    grid-column: col-start 1 / span 4;\n\n    ${MQ.FROM_M} {\n        ${theme(\"size\", {\n            medium: css`\n                grid-column: col-start 1 / span 4;\n            `,\n            large: css`\n                grid-column: col-start 5 / span 8;\n            `,\n        })};\n    }\n\n    ${MQ.FROM_L} {\n        ${theme(\"size\", {\n            medium: css`\n                grid-column: col-start 4 / span 3;\n            `,\n            large: css`\n                grid-column: col-start 1 / span 4;\n            `,\n        })};\n    }\n\n    ${MQ.FROM_XL} {\n        ${theme(\"size\", {\n            medium: css`\n                grid-column: col-start 3 / span 4;\n            `,\n        })};\n    }\n`;\n\nexport const PublishDate = styled.span`\n    ${styleLabelS}\n`;\n\nexport const Length = styled.span`\n    ${styleLabelS}\n    svg {\n        vertical-align: -0.8em;\n    }\n`;\n\nexport const StyledWatermark = styled(Watermark)`\n    color: ${theme(\"showImage\", {\n        true: \"var(--color-coral)\",\n        false: \"var(--color-coral)\",\n    })};\n    pointer-events: none;\n    z-index: 2;\n`;\n\nexport const Link = styled(NavLink)`\n    ${columnGap};\n    border-bottom: none;\n    color: var(--color-black);\n    display: grid;\n    grid-template-columns: repeat(4, [col-start] 1fr);\n    width: 100%;\n\n    &:focus-visible {\n        outline: 7px solid var(--button-focus);\n        outline-offset: 0;\n    }\n\n    &:hover {\n        ${Heading} {\n            span {\n                border-color: var(--text-on-neutral-primary);\n            }\n        }\n\n        ${ImageWrapper} {\n            img {\n                ${theme(\"isSafari\", {\n                    false: css`\n                        transform: scale(1.04);\n                    `,\n                })};\n            }\n        }\n    }\n\n    ${MQ.FROM_M} {\n        ${theme(\"size\", {\n            large: css`\n                grid-template-columns: repeat(12, [col-start] 1fr);\n            `,\n        })};\n    }\n`;\n","import React, { ReactElement, useEffect, useState } from \"react\";\nimport { ThemeProvider } from \"styled-components\";\n\nimport Icon from \"components/Icon\";\nimport Image from \"components/Image\";\nimport { useBreakpoint } from \"hooks\";\nimport { BREAKPOINT_NUMBER } from \"style/breakpoints\";\nimport generateSrcSet from \"style/generateSrcSet\";\n\nimport {\n    Container,\n    PublishDate,\n    Categories,\n    Heading,\n    ImageWrapper,\n    StyledWatermark,\n    Link,\n    Length,\n    Content,\n    Introduction,\n    DateAndLength,\n} from \"./PageCard.styled\";\nimport PageCardProps from \"./PageCardProps\";\n\nconst PageCard = ({\n    categories,\n    heading,\n    startPublish,\n    hideStartPublish,\n    image,\n    introduction,\n    watermark,\n    url,\n    size = \"small\",\n    length,\n    className,\n    prefetch = true,\n    gtmClickType,\n}: PageCardProps): ReactElement => {\n    const [isSafari, setIsSafari] = useState<boolean>(false);\n\n    if (image?.caption) delete image.caption;\n    if (image && image.url)\n        switch (size) {\n            case \"large\":\n                image.srcSet = generateSrcSet({\n                    image: image.url,\n                    focalPoint: image.focalPoint,\n                    content: [\n                        {\n                            width: 1024,\n                            height: Math.ceil(1024 / 1.5),\n                            breakpoint: BREAKPOINT_NUMBER.XL,\n                        },\n                        {\n                            width: 850,\n                            height: Math.ceil(850 / 1.5),\n                            breakpoint: BREAKPOINT_NUMBER.L,\n                        },\n                        {\n                            width: 992,\n                            height: Math.ceil(992 / 1.5),\n                            breakpoint: BREAKPOINT_NUMBER.M,\n                        },\n                        {\n                            width: 768,\n                            height: Math.ceil(768 / 1.5),\n                        },\n                    ],\n                    maxWidth: image.uploadedWidth,\n                    maxHeight: image.uploadedHeight,\n                    format: \"jpg\",\n                });\n                break;\n            case \"medium\":\n                image.srcSet = generateSrcSet({\n                    image: image.url,\n                    focalPoint: image.focalPoint,\n                    content: [\n                        {\n                            width: 800,\n                            height: Math.ceil(800 / 1.5),\n                            breakpoint: BREAKPOINT_NUMBER.XL,\n                        },\n                        {\n                            width: 600,\n                            height: Math.ceil(600 / 1.5),\n                            breakpoint: BREAKPOINT_NUMBER.L,\n                        },\n                        {\n                            width: 500,\n                            height: Math.ceil(500 / 1.5),\n                            breakpoint: BREAKPOINT_NUMBER.M,\n                        },\n                        {\n                            width: 768,\n                            height: Math.ceil(768 / 1.5),\n                        },\n                    ],\n                    maxWidth: image.uploadedWidth,\n                    maxHeight: image.uploadedHeight,\n                    format: \"jpg\",\n                });\n                break;\n            default:\n                image.srcSet = generateSrcSet({\n                    image: image.url,\n                    focalPoint: image.focalPoint,\n                    content: [\n                        {\n                            width: 500,\n                            height: Math.ceil(500 / 1.5),\n                            breakpoint: BREAKPOINT_NUMBER.XL,\n                        },\n                        {\n                            width: 450,\n                            height: Math.ceil(450 / 1.5),\n                            breakpoint: BREAKPOINT_NUMBER.M,\n                        },\n                        {\n                            width: 768,\n                            height: Math.ceil(768 / 1.5),\n                        },\n                    ],\n                    maxWidth: image.uploadedWidth,\n                    maxHeight: image.uploadedHeight,\n                    format: \"jpg\",\n                });\n                break;\n        }\n\n    let iconSize: string;\n    const breakPoint = useBreakpoint();\n    switch (size) {\n        case \"large\":\n            switch (breakPoint) {\n                case \"XL\":\n                case \"L\":\n                case \"M\":\n                    iconSize = \"140\";\n                    break;\n                default:\n                    iconSize = \"56\";\n            }\n            break;\n        case \"medium\":\n            switch (breakPoint) {\n                case \"XL\":\n                    iconSize = \"140\";\n                    break;\n                case \"L\":\n                    iconSize = \"105\";\n                    break;\n                default:\n                    iconSize = \"56\";\n            }\n            break;\n        default:\n            switch (breakPoint) {\n                case \"XL\":\n                    iconSize = \"105\";\n                    break;\n                default:\n                    iconSize = \"56\";\n            }\n            break;\n    }\n\n    useEffect(() => {\n        typeof navigator !== \"undefined\" &&\n            setIsSafari(\n                navigator.userAgent.indexOf(\"Safari\") !== -1 &&\n                    navigator.userAgent.indexOf(\"Chrome\") === -1,\n            );\n    }, []);\n\n    return (\n        <ThemeProvider\n            theme={{ size: size, showImage: !!image?.url, isSafari: isSafari }}\n        >\n            <Container className={className}>\n                <Link\n                    to={url}\n                    title={heading}\n                    exact\n                    prefetch={prefetch}\n                    gtmClickType={gtmClickType}\n                >\n                    <ImageWrapper>\n                        {image?.url && <Image {...image} />}\n                        {watermark && (\n                            <StyledWatermark\n                                key={`Watermark-${watermark}-${iconSize || \"\"}`}\n                                icon={`${watermark}${iconSize}`}\n                                variant={image?.url ? \"white\" : \"color\"}\n                            />\n                        )}\n                    </ImageWrapper>\n                    <Content>\n                        {heading && (\n                            <Heading>\n                                <span\n                                    dangerouslySetInnerHTML={{\n                                        __html: heading,\n                                    }}\n                                />\n                            </Heading>\n                        )}\n                        {categories && <Categories>{categories}</Categories>}\n                        <DateAndLength>\n                            {startPublish && !hideStartPublish && (\n                                <PublishDate>{startPublish}</PublishDate>\n                            )}\n                            {length && (\n                                <Length>\n                                    <Icon icon=\"clock28\" /> {length}\n                                </Length>\n                            )}\n                        </DateAndLength>\n                        {introduction && size !== \"small\" && (\n                            <Introduction>{introduction}</Introduction>\n                        )}\n                    </Content>\n                </Link>\n            </Container>\n        </ThemeProvider>\n    );\n};\n\nexport default React.memo(PageCard);\n","import loadable, { DefaultComponent } from \"@loadable/component\";\nimport React, { ReactElement } from \"react\";\n\nimport WatermarkProps from \"./WatermarkProps\";\n\nconst Watermark = loadable(\n    (): Promise<DefaultComponent<WatermarkProps>> =>\n        import(/* webpackChunkName: \"Watermark\" */ \"./Watermark\"),\n);\nconst WatermarkLoader = (props: WatermarkProps): ReactElement => (\n    <Watermark {...props} />\n);\nexport default WatermarkLoader;\n"],"names":["Image","loadable","resolved","chunkName","isReady","props","key","resolve","__webpack_modules__","importAsync","requireAsync","then","requireSync","id","__webpack_require__","ImageLoader","_jsx","Container","styled","div","withConfig","componentId","ImageWrapper","MQ","FROM_M","theme","large","css","FROM_L","FROM_XL","medium","Content","columnGap","Heading","HeadingM","Introduction","BodyM","Categories","LabelM","DateAndLength","LabelS","PublishDate","span","styleLabelS","Length","StyledWatermark","Watermark","true","false","Link","NavLink","PageCard","categories","heading","startPublish","hideStartPublish","image","introduction","watermark","url","size","length","className","prefetch","gtmClickType","isSafari","setIsSafari","useState","caption","srcSet","generateSrcSet","focalPoint","content","width","height","Math","ceil","breakpoint","BREAKPOINT_NUMBER","XL","L","M","maxWidth","uploadedWidth","maxHeight","uploadedHeight","format","iconSize","breakPoint","useBreakpoint","useEffect","navigator","userAgent","indexOf","ThemeProvider","showImage","children","_jsxs","to","title","exact","icon","variant","dangerouslySetInnerHTML","__html","Icon","React","WatermarkLoader"],"sourceRoot":""}