{"version":3,"file":"static/js/PageList.ad01eda1.js","mappings":"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","sources":["components/CallToAction/CallToActionLoader.tsx","components/PageList/PageList.styled.ts","components/PageList/PageList.tsx"],"sourcesContent":["import loadable, { DefaultComponent } from \"@loadable/component\";\nimport React, { ReactElement } from \"react\";\n\nimport CallToActionProps from \"./CallToActionProps\";\n\nconst CallToAction = loadable(\n    (): Promise<DefaultComponent<CallToActionProps>> =>\n        import(/* webpackChunkName: \"CallToAction\" */ \"./CallToAction\"),\n);\nconst CallToActionLoader = (props: CallToActionProps): ReactElement => (\n    <CallToAction {...props} />\n);\nexport default CallToActionLoader;\n","import { styled } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport { Container as GridContainer } from \"style/components/Page\";\nimport { styleHeadingXL, styleBodyLAlt } from \"style/components/Typography\";\nimport { GUTTER } from \"style/grid\";\nimport { topPadOffset } from \"style/headerOffsets\";\nimport { MQ } from \"style/mediaQueries\";\n\nexport const Container = styled(GridContainer)`\n    column-gap: ${GUTTER.XL};\n    display: grid;\n    grid-auto-rows: auto;\n    grid-template-areas: \"heading\" \"ctas\";\n    grid-template-columns: repeat(4, [col-start] 1fr);\n    padding-bottom: 4.375rem;\n    position: relative;\n\n    ${MQ.FROM_M} {\n        grid-template-areas: \"heading ctas\";\n        grid-template-columns: repeat(12, [col-start] 1fr);\n        padding-bottom: inherit;\n        padding-bottom: 6.125rem;\n    }\n\n    ${MQ.FROM_XL} {\n        padding-bottom: 8.75rem;\n    }\n`;\n\nexport const Header = styled.div.attrs<{\n    $headerVisible: boolean;\n}>(() => ({}))`\n    display: grid;\n    grid-template-columns: repeat(4, [col-start] 1fr);\n    grid-column: col-start 1 / span 4;\n    place-self: start\n        ${theme(\"displayOption\", {\n            Left: \"flex-start\",\n            Right: \"flex-end\",\n        })};\n\n    ${MQ.FROM_M} {\n        grid-column: ${theme(\"displayOption\", {\n            Left: \"col-start 1 / span 8\",\n            Right: \"col-start 5 / span 8\",\n        })};\n    }\n\n    ${MQ.FROM_L} {\n        grid-column: ${theme(\"displayOption\", {\n            Left: \"col-start 1 / span 6\",\n            Right: \"col-start 7 / span 6\",\n        })};\n        position: sticky;\n        top: 4.375rem;\n        ${topPadOffset};\n    }\n    ${MQ.FROM_XL} {\n        column-gap: ${GUTTER.XL};\n        display: grid;\n        grid-template-columns: repeat(6, [col-start] 1fr);\n    }\n`;\n\nexport const Heading = styled.h2`\n    ${styleHeadingXL};\n    grid-column: ${theme(\"displayOption\", {\n        Left: \"col-start 1 / span 3\",\n        Right: \"col-start 2 / span 3\",\n    })};\n    margin-top: 0;\n    text-align: ${theme(\"displayOption\", {\n        Left: \"left\",\n        Right: \"right\",\n    })};\n\n    &:only-child {\n        margin-bottom: 0;\n    }\n\n    ${MQ.FROM_XL} {\n        grid-column: col-start 1 / span 6;\n    }\n`;\n\nexport const Introduction = styled.p`\n    grid-column: col-start 1 / span 4;\n    ${styleBodyLAlt};\n    margin-bottom: 1.625rem;\n    margin-top: 0;\n\n    ${MQ.FROM_XL} {\n        grid-column: col-start 1 / span 5;\n    }\n`;\n\nexport const CallToActions = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    grid-column: col-start 1 / span 4;\n    justify-content: flex-start;\n    margin-top: 2.1875rem;\n    row-gap: 1.75rem;\n\n    ${MQ.FROM_M} {\n        grid-column: ${theme(\"displayOption\", {\n            Left: \"col-start 5 / span 8\",\n            Right: \"col-start 1 / span 8\",\n        })};\n        margin-top: 2.625rem;\n        row-gap: 2.625rem;\n    }\n\n    ${MQ.FROM_L} {\n        grid-column: ${theme(\"displayOption\", {\n            Left: \"col-start 7 / span 5\",\n            Right: \"col-start 2 / span 5\",\n        })};\n        margin-top: 3.9375rem;\n    }\n\n    ${MQ.FROM_XL} {\n        grid-column: ${theme(\"displayOption\", {\n            Left: \"col-start 7 / span 5\",\n            Right: \"col-start 2 / span 5\",\n        })};\n        margin-top: 5.25rem;\n        row-gap: 3.5rem;\n    }\n`;\n","import React, { ReactElement } from \"react\";\nimport { ThemeProvider } from \"styled-components\";\n\nimport CallToAction from \"components/CallToAction\";\nimport Section from \"components/Section\";\nimport { useHeader } from \"hooks\";\nimport { addEditAttributes } from \"utils/episerver\";\n\nimport {\n    Container,\n    Heading,\n    CallToActions,\n    Header,\n    Introduction,\n} from \"./PageList.styled\";\nimport PageListProps from \"./PageListProps\";\n\nconst PageList = ({\n    identifier,\n    theme = \"blue\",\n    contentTheme = \"cyan\",\n    heading,\n    introduction,\n    displayOption = \"Left\",\n    items,\n    anchorName,\n}: PageListProps): ReactElement => {\n    const headerState = useHeader();\n    return (\n        <Section theme={theme} id={anchorName} alignItems=\"center\">\n            <ThemeProvider\n                theme={{\n                    theme: theme,\n                    contentTheme: contentTheme,\n                    displayOption: displayOption,\n                }}\n            >\n                <Container key={identifier || `PageListContent`}>\n                    {heading && (\n                        <Header $headerVisible={headerState.visible}>\n                            <Heading\n                                as=\"h2\"\n                                {...addEditAttributes(\"Heading\")}\n                                dangerouslySetInnerHTML={{ __html: heading }}\n                            />\n                            {introduction && (\n                                <Introduction\n                                    {...addEditAttributes(\"Introduction\")}\n                                    dangerouslySetInnerHTML={{\n                                        __html: introduction || \"\",\n                                    }}\n                                />\n                            )}\n                        </Header>\n                    )}\n                    <CallToActions {...addEditAttributes(\"Pages\")}>\n                        {items?.map((item, index) => {\n                            return (\n                                <CallToAction\n                                    key={`CallToAction${index}`}\n                                    id={item.identifier}\n                                    contentTheme={\n                                        theme == \"lightgray\"\n                                            ? \"black\"\n                                            : contentTheme\n                                    }\n                                    {...item}\n                                />\n                            );\n                        })}\n                    </CallToActions>\n                </Container>\n            </ThemeProvider>\n        </Section>\n    );\n};\n\nexport default React.memo(PageList);\n"],"names":["CallToAction","loadable","resolved","chunkName","isReady","props","key","resolve","__webpack_modules__","importAsync","requireAsync","then","requireSync","id","__webpack_require__","CallToActionLoader","_jsx","Container","styled","GridContainer","withConfig","componentId","GUTTER","XL","MQ","FROM_M","FROM_XL","Header","div","attrs","theme","Left","Right","FROM_L","topPadOffset","Heading","h2","styleHeadingXL","Introduction","p","styleBodyLAlt","CallToActions","PageList","identifier","contentTheme","heading","introduction","displayOption","items","anchorName","headerState","useHeader","Section","alignItems","children","ThemeProvider","_jsxs","$headerVisible","visible","as","addEditAttributes","dangerouslySetInnerHTML","__html","map","item","index","React"],"sourceRoot":""}