{"version":3,"file":"static/js/ProfileListSection.21df2816.js","mappings":"4JAKA,MAAMA,GAAUC,EAAAA,EAAAA,SAAS,CAADC,SAAA,GAAAC,SAAAA,GAAA,iBAAAC,OAAAA,CAAAC,GAAA,MAAAC,EAAA,KAAAC,QAAAF,GAAA,gBAAAH,SAAAI,MAAAE,EAAAA,EAAAF,EAAA,EAAAG,YACpBA,IACI,gCAAqDC,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,gBAEvDQ,EAAiBV,IACnBW,EAAAA,EAAAA,KAAChB,EAAO,IAAKK,IAEjB,K,+PCLO,MAAMY,GAAYC,EAAAA,EAAAA,QAAOC,EAAAA,IAAcC,WAAA,CAAAC,YAAA,gBAArBH,CAAqB,sQACxCI,EAAAA,GAMAC,EAAAA,GAAGC,OAMHD,EAAAA,GAAGE,SAMIC,EAAUR,EAAAA,OAAOS,GAAEP,WAAA,CAAAC,YAAA,gBAATH,CAAS,4MAC1BU,EAAAA,GAKAL,EAAAA,GAAGC,OAKHD,EAAAA,GAAGM,OAIHN,EAAAA,GAAGE,SAKIK,EAAWZ,EAAAA,OAAOa,IAAGX,WAAA,CAAAC,YAAA,gBAAVH,CAAU,6TAI5BI,EAAAA,GAGAC,EAAAA,GAAGC,OAKHD,EAAAA,GAAGM,OAKHN,EAAAA,GAAGE,S,eCrDT,MAAMO,EAAqBA,EACvBC,aACAC,QACAC,YACAC,UACAC,aACAC,YAEA,MAAMC,GAAeC,EAAAA,EAAAA,MAErB,OACIxB,EAAAA,EAAAA,KAACyB,EAAAA,EAAO,CAACH,MAAOA,EAAOzB,GAAIwB,EAAYK,WAAW,SAAQC,UACtDC,EAAAA,EAAAA,MAAC3B,EAAS,CAENkB,UAAWA,EACXtB,GAAIwB,EAAWM,SAAA,EAEbJ,GAAgBH,KACdpB,EAAAA,EAAAA,KAACU,EAAO,KAAKmB,EAAAA,EAAAA,IAAkB,WAAUF,SACpCP,IAGRF,GAASA,EAAMY,OAAS,IACrB9B,EAAAA,EAAAA,KAACc,EAAQ,CAAAa,SACC,OAALT,QAAK,IAALA,OAAK,EAALA,EAAOa,KAAI,CAACC,EAAMC,KACXD,EAAKE,YAAYF,EAAKE,IACtBF,EAAKG,oBAAoBH,EAAKG,aAE9BnC,EAAAA,EAAAA,KAAChB,EAAAA,EAAO,IAA6BgD,GAAtB,UAASC,YAfnChB,GAAe,8BAqBlB,EAIlB,MAAemB,EAAAA,KAAWpB,E","sources":["components/Profile/ProfileLoader.tsx","components/ProfileListSection/ProfileListSection.styled.ts","components/ProfileListSection/ProfileListSection.tsx"],"sourcesContent":["import loadable, { DefaultComponent } from \"@loadable/component\";\nimport React, { ReactElement } from \"react\";\n\nimport ProfileProps from \"./ProfileProps\";\n\nconst Profile = loadable(\n    (): Promise<DefaultComponent<ProfileProps>> =>\n        import(/* webpackChunkName: \"Profile\" */ \"./Profile\"),\n);\nconst ProfileLoader = (props: ProfileProps): ReactElement => (\n    <Profile {...props} />\n);\nexport default ProfileLoader;\n","import { styled } from \"styled-components\";\n\nimport { Container as GridContainer } from \"style/components/Page\";\nimport { styleHeadingL } from \"style/components/Typography\";\nimport { columnGap } from \"style/grid\";\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    padding-bottom: 4.375rem;\n    padding-top: 2.1875rem;\n\n    ${MQ.FROM_M} {\n        grid-template-columns: repeat(12, [col-start] 1fr);\n        padding-bottom: 6.125rem;\n        padding-top: 3.5rem;\n    }\n\n    ${MQ.FROM_XL} {\n        padding-bottom: 8.75rem;\n        padding-top: 4.375rem;\n    }\n`;\n\nexport const Heading = styled.h2`\n    ${styleHeadingL};\n    grid-column: col-start 1 / span 3;\n    margin-bottom: 2.1875rem;\n    margin-top: 0;\n\n    ${MQ.FROM_M} {\n        grid-column: col-start 1 / span 8;\n        margin-bottom: 3.5rem;\n    }\n\n    ${MQ.FROM_L} {\n        grid-column: col-start 1 / span 4;\n    }\n\n    ${MQ.FROM_XL} {\n        margin-bottom: 4.375rem;\n    }\n`;\n\nexport const Profiles = styled.div`\n    display: grid;\n    grid-column: col-start 1 / span 4;\n    grid-template-columns: repeat(1, [col-start] 1fr);\n    ${columnGap};\n    row-gap: 2.1875rem;\n\n    ${MQ.FROM_M} {\n        grid-column: col-start 4 / span 9;\n        row-gap: 3.5rem;\n    }\n\n    ${MQ.FROM_L} {\n        grid-column: col-start 3 / span 10;\n        grid-template-columns: repeat(2, [col-start] 1fr);\n    }\n\n    ${MQ.FROM_XL} {\n        grid-column: col-start 3 / span 10;\n        row-gap: 4.375rem;\n    }\n`;\n","import React, { ReactElement } from \"react\";\n\nimport Profile from \"components/Profile\";\nimport Section from \"components/Section\";\nimport { useIsInEditMode } from \"hooks\";\nimport { addEditAttributes } from \"utils/episerver\";\n\nimport { Profiles, Heading, Container } from \"./ProfileListSection.styled\";\nimport ProfileListSectionProps from \"./ProfileListSectionProps\";\n\nconst ProfileListSection = ({\n    identifier,\n    items,\n    className,\n    heading,\n    anchorName,\n    theme,\n}: ProfileListSectionProps): ReactElement => {\n    const isInEditMode = useIsInEditMode();\n\n    return (\n        <Section theme={theme} id={anchorName} alignItems=\"center\">\n            <Container\n                key={identifier || `ProfileListSectionContent`}\n                className={className}\n                id={anchorName}\n            >\n                {(isInEditMode || heading) && (\n                    <Heading {...addEditAttributes(\"Heading\")}>\n                        {heading}\n                    </Heading>\n                )}\n                {items && items.length > 0 && (\n                    <Profiles>\n                        {items?.map((item, index) => {\n                            if (item.url) delete item.url;\n                            if (item.description) delete item.description;\n                            return (\n                                <Profile key={`Profile${index}`} {...item} />\n                            );\n                        })}\n                    </Profiles>\n                )}\n            </Container>\n        </Section>\n    );\n};\n\nexport default React.memo(ProfileListSection);\n"],"names":["Profile","loadable","resolved","chunkName","isReady","props","key","resolve","__webpack_modules__","importAsync","requireAsync","then","requireSync","id","__webpack_require__","ProfileLoader","_jsx","Container","styled","GridContainer","withConfig","componentId","columnGap","MQ","FROM_M","FROM_XL","Heading","h2","styleHeadingL","FROM_L","Profiles","div","ProfileListSection","identifier","items","className","heading","anchorName","theme","isInEditMode","useIsInEditMode","Section","alignItems","children","_jsxs","addEditAttributes","length","map","item","index","url","description","React"],"sourceRoot":""}