{"version":3,"file":"static/js/KeyFiguresList.09db0fd8.js","mappings":"2RAOO,MAAMA,EAAYC,EAAAA,OAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,mGAC7BI,EAAAA,IAMOC,GAAOL,EAAAA,EAAAA,QAAOM,EAAAA,GAAYJ,WAAA,CAAAC,YAAA,gBAAnBH,CAAmB,qFAM1BO,EAASP,EAAAA,OAAOQ,GAAEN,WAAA,CAAAC,YAAA,gBAATH,CAAS,kJACzBS,EAAAA,GAMAC,EAAAA,GAAGC,SAMIC,EAAOZ,EAAAA,OAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,qDACxBa,EAAAA,G,6DC7BN,MAAMC,GAAYC,EAAAA,EAAAA,SAAS,CAADC,SAAA,GAAAC,SAAAA,GAAA,mBAAAC,OAAAA,CAAAC,GAAA,MAAAC,EAAA,KAAAC,QAAAF,GAAA,gBAAAH,SAAAI,MAAAE,EAAAA,EAAAF,EAAA,EAAAG,YACtBA,IACI,gCAAyDC,YAAAA,CAAAL,GAAA,MAAAC,EAAA,KAAAC,QAAAF,GAAA,YAAAH,SAAAI,IAAA,OAAAG,YAAAJ,GAAAM,MAAAT,IAAA,KAAAA,SAAAI,IAAA,EAAAJ,IAAA,EAAAU,WAAAA,CAAAP,GAAA,MAAAQ,EAAA,KAAAN,QAAAF,GAAA,OAAAS,EAAAD,EAAA,EAAAN,OAAAA,GAAA,gBAE3DQ,EAAmBV,IACrBW,EAAAA,EAAAA,KAAChB,EAAS,IAAKK,IAEnB,K,gMCJA,MAAMY,EAAYC,IAAM,QAAS,CAC7BC,UAAW,gBACXC,KAAM,eACNC,KAAM,qBAGGpC,GAAYC,EAAAA,EAAAA,QAAOoC,EAAAA,IAAclC,WAAA,CAAAC,YAAA,eAArBH,CAAqB,mOAQxCU,EAAAA,GAAG2B,OAKH3B,EAAAA,GAAGC,SAMI2B,EAAatC,EAAAA,OAAOC,IAAIsC,OAElC,MAAS,KAAErC,WAAA,CAAAC,YAAA,eAFYH,CAEZ,4QACRI,EAAAA,GACW2B,EAKXrB,EAAAA,GAAG2B,OAKH3B,EAAAA,GAAG8B,QAGErB,GACiB,GAAhBA,EAAMsB,QACAC,EAAAA,EAAAA,KAAG,qCACG5B,EAAAA,IAIU,GAAhBK,EAAMsB,QACJC,EAAAA,EAAAA,KAAG,qCACG5B,EAAAA,IAIN,IAGdJ,EAAAA,GAAGC,S,eCxDT,MAAMgC,EAAiBA,EACnBC,aACAZ,QACAa,aACAC,iBAGIhB,EAAAA,EAAAA,KAACiB,EAAAA,EAAO,CAACpB,GAAImB,EAAYd,MAAOA,EAAOgB,WAAW,SAAQC,UACtDnB,EAAAA,EAAAA,KAACoB,EAAAA,cAAa,CACVlB,MAAO,CACHA,MAAOA,GACTiB,UAEFnB,EAAAA,EAAAA,KAAC/B,EAAS,KAEFoD,EAAAA,EAAAA,IAAkB,cAAaF,UAEnCnB,EAAAA,EAAAA,KAACQ,EAAU,CAACG,OAAQI,EAAaA,EAAWO,OAAS,EAAEH,SACxC,OAAVJ,QAAU,IAAVA,OAAU,EAAVA,EAAYQ,KAAI,CAACC,EAAWC,KACzBzB,EAAAA,EAAAA,KAAChB,EAAAA,EAAS,CAENa,GACImB,EACO,GAAEA,KAAcS,IACjBX,EACG,GAAEA,KAAcW,IACjB,GAEZC,MAAqB,IAAbD,EAAQ,MACZD,GATE,YAAWC,UANxBX,GAAe,6BAyBxC,MAAea,EAAAA,KAAWd,E","sources":["components/KeyFigure/KeyFigure.styled.ts","components/KeyFigure/KeyFigureLoader.tsx","components/KeyFiguresList/KeyFiguresList.styled.ts","components/KeyFiguresList/KeyFiguresList.tsx"],"sourcesContent":["import { styled } from \"styled-components\";\n\nimport { default as DefaultIcon } from \"components/Icon\";\nimport { styleBodyL, styleHeadingXL } from \"style/components/Typography\";\nimport { columnGap } from \"style/grid\";\nimport { MQ } from \"style/mediaQueries\";\n\nexport const Container = styled.div`\n    ${columnGap};\n    display: grid;\n    grid-auto-rows: auto auto 1fr;\n    grid-template-columns: repeat(4, [col-start] 1fr);\n`;\n\nexport const Icon = styled(DefaultIcon)`\n    color: var(--icon-decorative-coral);\n    grid-column: col-start 1 / span 4;\n    grid-row: 1;\n`;\n\nexport const Number = styled.h2`\n    ${styleHeadingXL}\n    grid-column: col-start 1 / span 4;\n    grid-row: 2;\n    margin-bottom: 0.4375rem;\n    margin-top: 0.875rem;\n\n    ${MQ.FROM_XL} {\n        margin-bottom: 0.875rem;\n        margin-top: 1.3125rem;\n    }\n`;\n\nexport const Text = styled.div`\n    ${styleBodyL};\n    grid-column: col-start 1 / span 4;\n    grid-row: 3;\n`;\n","import loadable, { DefaultComponent } from \"@loadable/component\";\nimport React, { ReactElement } from \"react\";\n\nimport KeyFigureProps from \"./KeyFigureProps\";\n\nconst KeyFigure = loadable(\n    (): Promise<DefaultComponent<KeyFigureProps>> =>\n        import(/* webpackChunkName: \"KeyFigure\" */ \"./KeyFigure\"),\n);\nconst KeyFigureLoader = (props: KeyFigureProps): ReactElement => (\n    <KeyFigure {...props} />\n);\nexport default KeyFigureLoader;\n","import { styled, css } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport { Container as KeyFigure } from \"components/KeyFigure/KeyFigure.styled\";\nimport { Container as GridContainer } from \"style/components/Page\";\nimport { columnGap } from \"style/grid\";\nimport { MQ } from \"style/mediaQueries\";\n\nconst textColor = theme(\"theme\", {\n    lightgray: \"--color-black\",\n    cyan: \"--color-blue\",\n    blue: \"--color-cyan-l60\",\n});\n\nexport const Container = styled(GridContainer)`\n    display: flex;\n    flex-flow: column;\n    justify-content: flex-start;\n    padding-bottom: 2.625rem;\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_XL} {\n        padding-bottom: 6.5625rem;\n        padding-top: 6.5625rem;\n    }\n`;\n\nexport const KeyFigures = styled.div.attrs<{\n    $count: number;\n}>(() => ({}))`\n    ${columnGap};\n    color: var(${textColor});\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                      ${KeyFigure}:nth-child(3) {\n                          grid-column: 2;\n                      }\n                  `\n                : props.$count == 5\n                  ? css`\n                        ${KeyFigure}: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 KeyFigure from \"components/KeyFigure\";\nimport Section from \"components/Section\";\nimport { addEditAttributes } from \"utils/episerver\";\n\nimport { Container, KeyFigures } from \"./KeyFiguresList.styled\";\nimport KeyFiguresListProps from \"./KeyFiguresListProps\";\n\nconst KeyFiguresList = ({\n    identifier,\n    theme,\n    keyFigures,\n    anchorName,\n}: KeyFiguresListProps): ReactElement => {\n    return (\n        <Section id={anchorName} theme={theme} alignItems=\"center\">\n            <ThemeProvider\n                theme={{\n                    theme: theme,\n                }}\n            >\n                <Container\n                    key={identifier || `KeyFiguresListContent`}\n                    {...addEditAttributes(\"KeyFigures\")}\n                >\n                    <KeyFigures $count={keyFigures ? keyFigures.length : 0}>\n                        {keyFigures?.map((keyFigure, index) => (\n                            <KeyFigure\n                                key={`KeyFigure${index}`}\n                                id={\n                                    anchorName\n                                        ? `${anchorName}-${index}`\n                                        : identifier\n                                          ? `${identifier}-${index}`\n                                          : \"\"\n                                }\n                                delay={(index + 1) * 0.2}\n                                {...keyFigure}\n                            />\n                        ))}\n                    </KeyFigures>\n                </Container>\n            </ThemeProvider>\n        </Section>\n    );\n};\n\nexport default React.memo(KeyFiguresList);\n"],"names":["Container","styled","div","withConfig","componentId","columnGap","Icon","DefaultIcon","Number","h2","styleHeadingXL","MQ","FROM_XL","Text","styleBodyL","KeyFigure","loadable","resolved","chunkName","isReady","props","key","resolve","__webpack_modules__","importAsync","requireAsync","then","requireSync","id","__webpack_require__","KeyFigureLoader","_jsx","textColor","theme","lightgray","cyan","blue","GridContainer","FROM_M","KeyFigures","attrs","FROM_L","$count","css","KeyFiguresList","identifier","keyFigures","anchorName","Section","alignItems","children","ThemeProvider","addEditAttributes","length","map","keyFigure","index","delay","React"],"sourceRoot":""}