{"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> =>\n import(\n /* webpackChunkName: \"UniqueSellingPoint\" */ \"./UniqueSellingPoint\"\n ),\n);\nconst UniqueSellingPointLoader = (\n props: UniqueSellingPointProps,\n): ReactElement => ;\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
\n \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 \n );\n })}\n \n \n \n
\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":""}