{"version":3,"file":"static/js/UniqueSellingPointList.0b67fbed.js","mappings":"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","sources":["components/UniqueSellingPoint/UniqueSellingPoint.styled.ts","components/UniqueSellingPoint/UniqueSellingPointLoader.tsx","components/UniqueSellingPointList/UniqueSellingPointList.styled.ts","components/UniqueSellingPointList/UniqueSellingPointList.tsx"],"sourcesContent":["import { styled } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport Icon from \"components/Icon\";\nimport { styleBodyM, styleHeadingL } from \"style/components/Typography\";\nimport { columnGap } from \"style/grid\";\nimport { MQ } from \"style/mediaQueries\";\n\nconst iconColor = theme(\"theme\", {\n    lightgray: \"--icon-on-neutral-primary\",\n    cyan: \"--icon-on-cyan-primary\",\n    blue: \"--icon-on-blue-primary\",\n});\n\nexport const Container = styled.div`\n    column-gap: ${columnGap};\n    display: grid;\n    grid-auto-rows: auto auto 1fr;\n    grid-template-columns: repeat(4, [col-start] 1fr);\n\n    ${MQ.FROM_M} {\n        grid-template-columns: repeat(5, [col-start] 1fr);\n    }\n\n    ${MQ.FROM_L} {\n        grid-template-columns: repeat(4, [col-start] 1fr);\n    }\n`;\n\nexport const Check = styled(Icon)`\n    color: var(${iconColor});\n    grid-column: col-start 1 / span 4;\n    grid-row: 1;\n    ${MQ.FROM_M} {\n        grid-column: col-start 1 / span 5;\n    }\n\n    ${MQ.FROM_L} {\n        grid-column: col-start 1 / span 4;\n    }\n`;\n\nexport const Heading = styled.h2`\n    ${styleHeadingL}\n    grid-column: col-start 1 / span 3;\n    grid-row: 2;\n    margin-bottom: 0.875rem;\n    margin-top: 1.3125rem;\n\n    ${MQ.FROM_M} {\n        margin-top: 1.75rem;\n        grid-column: col-start 1 / span 4;\n    }\n\n    ${MQ.FROM_L} {\n        grid-column: col-start 1 / span 3;\n    }\n\n    ${MQ.FROM_XL} {\n        margin-bottom: 1.3125rem;\n        margin-top: 2.625rem;\n    }\n`;\n\nexport const Text = styled.div`\n    ${styleBodyM};\n    grid-column: col-start 1 / span 4;\n    grid-row: 3;\n\n    ${MQ.FROM_M} {\n        grid-column: col-start 1 / span 5;\n    }\n\n    ${MQ.FROM_L} {\n        grid-column: col-start 1 / span 4;\n    }\n`;\n","import loadable, { DefaultComponent } from \"@loadable/component\";\nimport React, { ReactElement } from \"react\";\n\nimport UniqueSellingPointProps from \"./UniqueSellingPointProps\";\n\nconst UniqueSellingPoint = loadable(\n    (): Promise<DefaultComponent<UniqueSellingPointProps>> =>\n        import(\n            /* webpackChunkName: \"UniqueSellingPoint\" */ \"./UniqueSellingPoint\"\n        ),\n);\nconst UniqueSellingPointLoader = (\n    props: UniqueSellingPointProps,\n): ReactElement => <UniqueSellingPoint {...props} />;\nexport default UniqueSellingPointLoader;\n","import { styled, css } from \"styled-components\";\n\nimport { Container as UniqueSellingPoint } from \"components/UniqueSellingPoint/UniqueSellingPoint.styled\";\nimport { Container as GridContainer } from \"style/components/Page\";\nimport { columnGap } from \"style/grid\";\nimport { MQ } from \"style/mediaQueries\";\n\nexport const Container = styled(GridContainer)`\n    display: flex;\n    flex-flow: column;\n    justify-content: flex-start;\n    padding-bottom: 3.5rem;\n    padding-top: 2.625rem;\n    position: relative;\n\n    ${MQ.FROM_M} {\n        padding-bottom: 4.375rem;\n        padding-top: 4.375rem;\n    }\n\n    ${MQ.FROM_L} {\n        padding-bottom: 4.375rem;\n        padding-top: 4.375rem;\n    }\n\n    ${MQ.FROM_XL} {\n        padding-bottom: 6.5625rem;\n        padding-top: 6.5625rem;\n    }\n`;\n\nexport const UniqueSellingPoints = styled.div.attrs<{\n    $count: number;\n}>(() => ({}))`\n    ${columnGap};\n    display: grid;\n    grid-template-columns: repeat(1, [col-start] 1fr);\n    row-gap: 2.1875rem;\n\n    ${MQ.FROM_M} {\n        grid-template-columns: repeat(2, [col-start] 1fr);\n        row-gap: 2.625rem;\n    }\n\n    ${MQ.FROM_L} {\n        row-gap: 2.625rem;\n        grid-template-columns: repeat(3, [col-start] 1fr);\n        ${(props) =>\n            props.$count == 4\n                ? css`\n                      ${UniqueSellingPoint}:nth-child(3) {\n                          grid-column: 2;\n                      }\n                  `\n                : props.$count == 5\n                  ? css`\n                        ${UniqueSellingPoint}:nth-child(4) {\n                            grid-column: 2;\n                        }\n                    `\n                  : \"\"}\n    }\n\n    ${MQ.FROM_XL} {\n        row-gap: 4.375rem;\n    }\n`;\n","import React, { ReactElement } from \"react\";\nimport { ThemeProvider } from \"styled-components\";\n\nimport Section from \"components/Section\";\nimport UniqueSellingPoint from \"components/UniqueSellingPoint\";\nimport useIsInEditMode from \"hooks/useIsInEditMode\";\nimport { addEditAttributes } from \"utils/episerver\";\n\nimport {\n    Container,\n    UniqueSellingPoints,\n} from \"./UniqueSellingPointList.styled\";\nimport UniqueSellingPointListProps from \"./UniqueSellingPointListProps\";\n\nconst UniqueSellingPointList = ({\n    identifier,\n    theme,\n    uniqueSellingPoints,\n    anchorName,\n}: UniqueSellingPointListProps): ReactElement => {\n    const isInEditMode = useIsInEditMode();\n\n    return (\n        <Section id={anchorName} theme={theme} alignItems=\"center\">\n            <ThemeProvider\n                theme={{\n                    theme: theme,\n                }}\n            >\n                <Container\n                    key={identifier || `UniqueSellingPointListContent`}\n                    {...addEditAttributes(\"UniqueSellingPoints\")}\n                >\n                    <UniqueSellingPoints\n                        $count={\n                            uniqueSellingPoints ? uniqueSellingPoints.length : 0\n                        }\n                    >\n                        {uniqueSellingPoints?.map((usp, index) => {\n                            usp.heading =\n                                usp.heading || (isInEditMode ? \"\" : undefined);\n                            usp.text =\n                                usp.text || (isInEditMode ? \"\" : undefined);\n\n                            return (\n                                <UniqueSellingPoint\n                                    key={`UniqueSellingPoint${index}`}\n                                    identifier={\n                                        anchorName\n                                            ? `${anchorName}-${index}`\n                                            : identifier\n                                              ? `${identifier}-${index}`\n                                              : \"\"\n                                    }\n                                    heading={usp.heading}\n                                    text={usp.text}\n                                />\n                            );\n                        })}\n                    </UniqueSellingPoints>\n                </Container>\n            </ThemeProvider>\n        </Section>\n    );\n};\n\nexport default React.memo(UniqueSellingPointList);\n"],"names":["iconColor","theme","lightgray","cyan","blue","Container","styled","div","withConfig","componentId","columnGap","MQ","FROM_M","FROM_L","Check","Icon","Heading","h2","styleHeadingL","FROM_XL","Text","styleBodyM","UniqueSellingPoint","loadable","resolved","chunkName","isReady","props","key","resolve","__webpack_modules__","importAsync","requireAsync","then","requireSync","id","__webpack_require__","UniqueSellingPointLoader","_jsx","GridContainer","UniqueSellingPoints","attrs","$count","css","UniqueSellingPointList","identifier","uniqueSellingPoints","anchorName","isInEditMode","useIsInEditMode","Section","alignItems","children","ThemeProvider","addEditAttributes","length","map","usp","index","heading","undefined","text","React"],"sourceRoot":""}