{"version":3,"file":"static/js/ActionEntryPointList.29d30b10.js","mappings":"qTAUO,MAAMA,GAAYC,EAAAA,EAAAA,QAAOC,EAAAA,IAAcC,WAAA,CAAAC,YAAA,gBAArBH,CAAqB,8IACxCI,EAAAA,GAKAC,EAAAA,GAAGC,QAKIC,EAAUP,EAAAA,OAAOQ,GAAGC,OAE9B,MAAS,KAAEP,WAAA,CAAAC,YAAA,gBAFSH,CAET,kOACRU,EAAAA,GACaC,IAAM,gBAAiB,CAC9BC,KAAM,IACNC,MAAO,MAGCF,IAAM,gBAAiB,CACnCC,KAAM,aACNC,MAAO,aAGGF,IAAM,gBAAiB,CACjCC,KAAM,OACNC,MAAO,UAGTR,EAAAA,GAAGC,OACcK,IAAM,gBAAiB,CAC9BC,KAAM,IACNC,MAAO,MAIjBR,EAAAA,GAAGS,OAEcH,IAAM,gBAAiB,CAC9BC,KAAM,IACNC,MAAO,MAIbE,EAAAA,GAGJV,EAAAA,GAAGW,QACcL,IAAM,gBAAiB,CAC9BC,KAAM,IACNC,MAAO,OAKVI,EAAgBjB,EAAAA,OAAOkB,IAAGhB,WAAA,CAAAC,YAAA,gBAAVH,CAAU,qQAQjCK,EAAAA,GAAGC,OACcK,IAAM,gBAAiB,CAC9BC,KAAM,IACNC,MAAO,MAKjBR,EAAAA,GAAGS,OACcH,IAAM,gBAAiB,CAC9BC,KAAM,IACNC,MAAO,MAMjBR,EAAAA,GAAGW,SAMIG,GAAcnB,EAAAA,EAAAA,QAAOoB,EAAAA,GAAOlB,WAAA,CAAAC,YAAA,gBAAdH,CAAc,mD,eClFzC,MAAMqB,EAAuBA,EACzBC,aACAX,QACAY,eACAC,cACAC,UACAC,gBAAgB,OAChBC,gBACAC,iBAEA,MAAMC,GAAgBC,EAAAA,EAAAA,MAEtB,OACIC,EAAAA,EAAAA,KAACC,EAAAA,EAAO,CAACC,GAAIL,EAAYjB,MAAOA,EAAOuB,WAAW,SAAQC,UACtDJ,EAAAA,EAAAA,KAACK,EAAAA,cAAa,CACVzB,MAAO,CACHA,MAAOA,EACPY,aAAcA,EACdC,YAAaA,GAAeD,EAC5BG,cAAeA,GACjBS,UAEFE,EAAAA,EAAAA,MAACtC,EAAS,CAAAoC,SAAA,EACNJ,EAAAA,EAAAA,KAACxB,EAAO,KACA+B,EAAAA,EAAAA,IAAkB,WACtBC,eAAgBV,EAAcM,SAE7BV,KAELM,EAAAA,EAAAA,KAACd,EAAa,KAAKqB,EAAAA,EAAAA,IAAkB,iBAAgBH,SACnC,OAAbR,QAAa,IAAbA,OAAa,EAAbA,EAAea,KAAI,CAACC,EAAaC,KAE1BX,EAAAA,EAAAA,KAACZ,EAAW,CAERc,GAAIQ,EAAYnB,WAChBqB,QAAQ,UACRC,KAAK,QACLC,aAAa,MACbC,KACIL,EAAYK,MAAQL,EAAYM,SAEpCC,KAAMP,EAAYO,KAClBC,IAAKR,EAAYQ,KATX,uBAAsBP,WAXhCpB,GAAe,kCA2B7B,EAIlB,MAAe4B,EAAAA,KAAW7B,E","sources":["components/ActionEntryPointList/ActionEntryPointList.styled.ts","components/ActionEntryPointList/ActionEntryPointList.tsx"],"sourcesContent":["import { styled } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport Button from \"components/Button\";\nimport { Container as GridContainer } from \"style/components/Page\";\nimport { styleHeadingXL } from \"style/components/Typography\";\nimport { columnGap } from \"style/grid\";\nimport { topPadOffset } from \"style/headerOffsets\";\nimport { MQ } from \"style/mediaQueries\";\n\nexport const Container = styled(GridContainer)`\n    ${columnGap};\n    display: grid;\n    grid-template-columns: repeat(4, [col-start] 1fr);\n    position: relative;\n\n    ${MQ.FROM_M} {\n        grid-template-columns: repeat(12, [col-start] 1fr);\n    }\n`;\n\nexport const Heading = styled.h2.attrs<{\n    $headerVisible: boolean;\n}>(() => ({}))`\n    ${styleHeadingXL};\n    grid-column: ${theme(\"displayOption\", {\n            Left: \"1\",\n            Right: \"2\",\n        })} / span 3;\n    grid-row: 1;\n    justify-self: ${theme(\"displayOption\", {\n        Left: \"flex-start\",\n        Right: \"flex-end\",\n    })};\n    margin: 0;\n    text-align: ${theme(\"displayOption\", {\n        Left: \"left\",\n        Right: \"right\",\n    })};\n\n    ${MQ.FROM_M} {\n        grid-column: ${theme(\"displayOption\", {\n                Left: \"1\",\n                Right: \"5\",\n            })} / span 8;\n    }\n\n    ${MQ.FROM_L} {\n        align-self: start;\n        grid-column: ${theme(\"displayOption\", {\n                Left: \"1\",\n                Right: \"9\",\n            })} / span 4;\n        position: sticky;\n        top: 4.375rem;\n        ${topPadOffset};\n    }\n\n    ${MQ.FROM_XL} {\n        grid-column: ${theme(\"displayOption\", {\n                Left: \"1\",\n                Right: \"7\",\n            })} / span 6;\n    }\n`;\n\nexport const ActionEntries = styled.div`\n    display: grid;\n    flex-flow: column;\n    grid-column: 1 / span 4;\n    grid-row: 2;\n    margin-top: 2.1875rem;\n    row-gap: 1.3125rem;\n\n    ${MQ.FROM_M} {\n        grid-column: ${theme(\"displayOption\", {\n                Left: \"5\",\n                Right: \"2\",\n            })} / span 8;\n        margin-top: 3.9375rem;\n    }\n\n    ${MQ.FROM_L} {\n        grid-column: ${theme(\"displayOption\", {\n                Left: \"7\",\n                Right: \"2\",\n            })} / span 5;\n        grid-row: 1;\n        margin-top: 3.9375rem;\n    }\n\n    ${MQ.FROM_XL} {\n        margin-top: 5.25rem;\n        row-gap: 1.75rem;\n    }\n`;\n\nexport const ActionEntry = styled(Button)`\n    padding-left: 0.875rem;\n    padding-right: 0.875rem;\n`;\n","import React, { ReactElement } from \"react\";\nimport { ThemeProvider } from \"styled-components\";\n\nimport Section from \"components/Section\";\nimport { useHeaderVisible } from \"hooks\";\nimport { addEditAttributes } from \"utils/episerver\";\n\nimport {\n    Container,\n    Heading,\n    ActionEntries,\n    ActionEntry,\n} from \"./ActionEntryPointList.styled\";\nimport ActionEntryPointListProps from \"./ActionEntryPointListProps\";\n\nconst ActionEntryPointList = ({\n    identifier,\n    theme,\n    contentTheme,\n    actionTheme,\n    heading,\n    displayOption = \"Left\",\n    actionEntries,\n    anchorName,\n}: ActionEntryPointListProps): ReactElement => {\n    const headerVisible = useHeaderVisible();\n\n    return (\n        <Section id={anchorName} theme={theme} alignItems=\"center\">\n            <ThemeProvider\n                theme={{\n                    theme: theme,\n                    contentTheme: contentTheme,\n                    actionTheme: actionTheme || contentTheme,\n                    displayOption: displayOption,\n                }}\n            >\n                <Container key={identifier || `ActionEntryPointListContent`}>\n                    <Heading\n                        {...addEditAttributes(\"Heading\")}\n                        $headerVisible={headerVisible}\n                    >\n                        {heading}\n                    </Heading>\n                    <ActionEntries {...addEditAttributes(\"ActionEntries\")}>\n                        {actionEntries?.map((actionEntry, index) => {\n                            return (\n                                <ActionEntry\n                                    key={`ActionEntryPointList${index}`}\n                                    id={actionEntry.identifier}\n                                    variant=\"primary\"\n                                    size=\"large\"\n                                    gtmClickType=\"cta\"\n                                    text={\n                                        actionEntry.text || actionEntry.linkText\n                                    }\n                                    icon={actionEntry.icon}\n                                    url={actionEntry.url}\n                                />\n                            );\n                        })}\n                    </ActionEntries>\n                </Container>\n            </ThemeProvider>\n        </Section>\n    );\n};\n\nexport default React.memo(ActionEntryPointList);\n"],"names":["Container","styled","GridContainer","withConfig","componentId","columnGap","MQ","FROM_M","Heading","h2","attrs","styleHeadingXL","theme","Left","Right","FROM_L","topPadOffset","FROM_XL","ActionEntries","div","ActionEntry","Button","ActionEntryPointList","identifier","contentTheme","actionTheme","heading","displayOption","actionEntries","anchorName","headerVisible","useHeaderVisible","_jsx","Section","id","alignItems","children","ThemeProvider","_jsxs","addEditAttributes","$headerVisible","map","actionEntry","index","variant","size","gtmClickType","text","linkText","icon","url","React"],"sourceRoot":""}