{"version":3,"file":"static/js/FooterSlim.0ea51a40.js","mappings":"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","sources":["components/Footer/Footer.styled.ts","components/FooterSlim/FooterSlim.styled.ts","components/FooterSlim/FooterSlim.tsx","components/LanguagePicker/LanguagePickerLoader.tsx","utils/triggerUpdateCookieConsent.ts"],"sourcesContent":["import { styled } from \"styled-components\";\n\nimport Icon from \"components/Icon\";\nimport { default as BaseLanguagePicker } from \"components/LanguagePicker\";\nimport Link from \"components/Link\";\nimport { styledLink } from \"components/Link/Link.styled\";\nimport Section from \"components/Section\";\nimport { Container as GridContainer } from \"style/components/Page\";\nimport { styleBodyM, styleLabelM } from \"style/components/Typography\";\nimport { columnGap } from \"style/grid\";\nimport { MQ } from \"style/mediaQueries\";\n\nexport const Container = styled(GridContainer)`\n    ${columnGap}\n    align-items: flex-start;\n    color: var(--text-inverted);\n    display: grid;\n    grid-auto-rows: min-content;\n    grid-template-columns: repeat(4, [col-start] 1fr);\n    padding-bottom: 2.625rem;\n    padding-top: 3.5rem;\n    row-gap: 3.5rem;\n\n    ${MQ.FROM_M} {\n        grid-template-columns: repeat(12, [col-start] 1fr);\n        padding-bottom: 4.375rem;\n    }\n\n    ${MQ.FROM_XL} {\n        padding-bottom: 6.125rem;\n    }\n`;\n\nexport const LogoWrapper = styled.div`\n    grid-column: 4 / span 1;\n    grid-row: 1 / span 2;\n    justify-self: right;\n\n    ${MQ.FROM_M} {\n        grid-column: 11 / span 2;\n    }\n\n    ${MQ.FROM_L} {\n        grid-row: 1;\n    }\n`;\n\nexport const Logo = styled(Icon)`\n    height: 3.5rem;\n`;\n\nexport const Links = styled.div`\n    ${styleBodyM};\n    display: flex;\n    flex-direction: column;\n    gap: 0.875rem;\n    grid-column: 1 / span 3;\n    place-items: flex-start flex-start;\n\n    ${MQ.FROM_M} {\n        grid-column: auto / span 4;\n        grid-row: 1 / span 2;\n\n        &:nth-child(2) {\n            grid-row: 1;\n        }\n    }\n\n    ${MQ.FROM_L} {\n        grid-column: auto / span 3;\n        grid-row: 1;\n    }\n\n    ${MQ.FROM_XL} {\n        grid-column: auto / span 2;\n    }\n`;\n\nexport const LinkItem = styled(Link)`\n    border-bottom: 1px solid var(--color-white-o00);\n    color: var(--text-inverted);\n\n    &:hover {\n        border-bottom: 1px solid var(--text-inverted);\n    }\n`;\n\nexport const LinksHeading = styled.div`\n    ${styleLabelM};\n    color: var(--text-on-blue-secondary);\n    margin-bottom: 0.875rem;\n`;\n\nexport const SocialLinks = styled.div`\n    display: flex;\n    flex-direction: column;\n    grid-column: 1 / span 3;\n    row-gap: 3.5rem;\n\n    ${MQ.FROM_M} {\n        grid-column: 5 / span 4;\n        grid-row: 2;\n    }\n\n    ${MQ.FROM_L} {\n        grid-column: auto / span 3;\n        grid-row: 1;\n    }\n\n    ${MQ.FROM_XL} {\n        grid-column: auto / span 2;\n    }\n`;\n\nexport const SocialLinksItems = styled.div`\n    display: flex;\n    flex-flow: row wrap;\n    gap: 0.875rem;\n    place-items: flex-start;\n\n    ${MQ.FROM_L} {\n        margin-top: 3.5rem;\n    }\n`;\n\nexport const SocialLinksColumn = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: 0.875rem;\n    place-items: flex-start;\n\n    ${SocialLinksItems} {\n        ${MQ.FROM_L} {\n            margin-top: 0;\n        }\n    }\n`;\n\nexport const SocialLink = styled(Link)`\n    border: none;\n    color: var(--text-inverted);\n\n    &:hover {\n        color: var(--text-inverted-secondary);\n    }\n`;\n\nexport const LanguagePicker = styled(BaseLanguagePicker)`\n    grid-column: 1 / span 4;\n    justify-self: center;\n\n    ${MQ.FROM_M} {\n        grid-column: 1 / span 12;\n    }\n\n    ${MQ.FROM_L} {\n        justify-self: flex-start;\n        grid-column: 1 / span 6;\n    }\n\n    ${MQ.FROM_XL} {\n        grid-column: 1 / span 4;\n    }\n`;\n\nexport const BottomContainer = styled(GridContainer)`\n    align-items: center;\n    padding-bottom: 1.3125rem;\n    padding-top: 1.3125rem;\n`;\n\nexport const BottomInnerContainer = styled.div`\n    ${styleBodyM};\n    ${columnGap};\n    display: grid;\n    grid-auto-rows: min-content;\n    grid-template-columns: repeat(4, [col-start] 1fr);\n    place-items: center flex-start;\n    position: relative;\n\n    ${MQ.FROM_M} {\n        grid-template-columns: repeat(12, [col-start] 1fr);\n    }\n`;\n\nexport const BottomSection = styled(Section)`\n    align-items: center;\n    color: var(--text-inverted);\n\n    ${LanguagePicker} {\n        display: none;\n    }\n\n    ${MQ.FROM_L} {\n        ${LanguagePicker} {\n            display: block;\n        }\n\n        background-color: var(--overlay-on-blue-darken);\n    }\n`;\n\nexport const BottomSectionResponsive = styled(BottomSection)`\n    background-color: var(--overlay-on-blue-darken);\n\n    ${LanguagePicker} {\n        display: block;\n    }\n\n    ${MQ.FROM_L} {\n        display: none;\n    }\n`;\n\nexport const PersonalIntegrityLinks = styled.div`\n    align-items: center;\n    display: flex;\n    flex-direction: column;\n    gap: 0.875rem 1.75rem;\n    grid-column: 1 / span 4;\n    justify-self: center;\n\n    ${MQ.FROM_M} {\n        flex-direction: row;\n        grid-column: 1 / span 12;\n        justify-self: flex-end;\n    }\n\n    ${MQ.FROM_L} {\n        align-items: flex-start;\n        grid-column: 7 / span 6;\n        justify-self: flex-start;\n        text-align: right;\n    }\n\n    ${MQ.FROM_XL} {\n        grid-column: 5 / span 8;\n    }\n`;\n\nexport const PersonalIntegrityLink = styled(Link)`\n    color: var(--text-inverted-secondary);\n\n    span {\n        border-bottom: 1px solid var(--color-white-o00);\n    }\n\n    &:hover {\n        span {\n            border-bottom: 1px solid var(--text-inverted);\n            color: var(--text-inverted);\n        }\n    }\n`;\n\nexport const UpdateCookieConsent = styled.button`\n    all: unset;\n    ${styledLink};\n    border-bottom: 0;\n    color: var(--text-inverted-secondary);\n    text-align: right;\n\n    span {\n        border-bottom: 1px solid var(--color-white-o00);\n    }\n\n    &:hover {\n        span {\n            border-bottom: 1px solid var(--text-inverted);\n            color: var(--text-inverted);\n        }\n    }\n\n    &:focus-visible {\n        outline: 7px solid var(--button-focus);\n        outline-offset: 0;\n    }\n`;\n","import { styled } from \"styled-components\";\n\nimport Section from \"components/Section\";\nimport { Container } from \"style/components/Page\";\nimport { styleBodyM } from \"style/components/Typography\";\nimport { columnGap } from \"style/grid\";\nimport { MQ } from \"style/mediaQueries\";\n\nexport const BottomSection = styled(Section)`\n    background-color: var(--block-blue-default);\n\n    &::after {\n        background-color: var(--overlay-on-blue-darken);\n        content: \"\";\n        inset: 0;\n        position: absolute;\n        z-index: 0;\n    }\n`;\n\nexport const BottomContainer = styled(Container)`\n    ${columnGap};\n    ${styleBodyM};\n    display: grid;\n    grid-auto-rows: min-content;\n    grid-template-columns: repeat(4, [col-start] 1fr);\n    padding-bottom: 1.3125rem;\n    padding-top: 1.3125rem;\n    place-items: center flex-start;\n    position: relative;\n\n    ${MQ.FROM_M} {\n        grid-template-columns: repeat(12, [col-start] 1fr);\n    }\n`;\n\nexport const Links = styled.div`\n    align-items: center;\n    display: flex;\n    flex-direction: column;\n    gap: 0.875rem 1.75rem;\n    grid-column: 1 / span 4;\n    justify-self: center;\n    z-index: 1;\n\n    ${MQ.FROM_M} {\n        flex-direction: row;\n        grid-column: 1 / span 12;\n        justify-self: center;\n    }\n\n    ${MQ.FROM_L} {\n        align-items: flex-start;\n        justify-self: flex-end;\n        text-align: right;\n    }\n`;\n","import React, { ReactElement } from \"react\";\n\nimport {\n    PersonalIntegrityLink,\n    UpdateCookieConsent,\n} from \"components/Footer/Footer.styled\";\nimport triggerUpdateCookieConsent from \"utils/triggerUpdateCookieConsent\";\n\nimport { BottomSection, Links, BottomContainer } from \"./FooterSlim.styled\";\nimport FooterSlimProps from \"./FooterSlimProps\";\n\nexport const FooterSlim = ({\n    key,\n    l18n,\n    personalIntegrityLinks,\n}: FooterSlimProps): ReactElement => {\n    const onUpdateCookieConsentClick = (\n        event: React.MouseEvent<HTMLButtonElement>,\n    ): void => {\n        event.preventDefault();\n        triggerUpdateCookieConsent();\n    };\n\n    return (\n        <div role=\"contentinfo\">\n            <BottomSection key={key} theme=\"blue\" alignItems=\"center\">\n                <BottomContainer>\n                    <Links key={`PersonalIntegrityLinks`}>\n                        {personalIntegrityLinks ? (\n                            personalIntegrityLinks.items?.map(\n                                (navItem, index) => (\n                                    <div key={`PersonalIntegrityLink-${index}`}>\n                                        <PersonalIntegrityLink\n                                            url={navItem.url}\n                                            title={\n                                                (navItem.properties\n                                                    ?.title as string) ||\n                                                navItem.displayName ||\n                                                \"\"\n                                            }\n                                            hoverSpan={true}\n                                        >\n                                            <span>{navItem.displayName}</span>\n                                        </PersonalIntegrityLink>\n                                    </div>\n                                ),\n                            )\n                        ) : (\n                            <></>\n                        )}\n                        <UpdateCookieConsent\n                            key={`UpdateCookieConsent`}\n                            onClick={onUpdateCookieConsentClick}\n                            title={l18n?.updateCookieConsent}\n                        >\n                            <span>\n                                {l18n?.updateCookieConsent ||\n                                    \"Update cookie consent\"}\n                            </span>\n                        </UpdateCookieConsent>\n                    </Links>\n                </BottomContainer>\n            </BottomSection>\n        </div>\n    );\n};\n\nexport default React.memo(FooterSlim);\n","import loadable, { DefaultComponent } from \"@loadable/component\";\nimport React, { ReactElement } from \"react\";\n\nimport LanguagePickerProps from \"./LanguagePickerProps\";\n\nconst LanguagePicker = loadable(\n    (): Promise<DefaultComponent<LanguagePickerProps>> =>\n        import(/* webpackChunkName: \"LanguagePicker\" */ \"./LanguagePicker\"),\n);\nconst LanguagePickerLoader = (props: LanguagePickerProps): ReactElement => (\n    <LanguagePicker {...props} />\n);\nexport default LanguagePickerLoader;\n","const triggerUpdateCookieConsent = () => {\n    if (typeof window !== \"undefined\" && window.Cookiebot) {\n        window.Cookiebot.renew();\n    }\n};\n\nexport default triggerUpdateCookieConsent;\n"],"names":["Container","styled","GridContainer","withConfig","componentId","columnGap","MQ","FROM_M","FROM_XL","LogoWrapper","div","FROM_L","Logo","Icon","Links","styleBodyM","LinkItem","Link","LinksHeading","styleLabelM","SocialLinks","SocialLinksItems","SocialLinksColumn","SocialLink","LanguagePicker","BaseLanguagePicker","BottomContainer","BottomInnerContainer","BottomSection","Section","BottomSectionResponsive","PersonalIntegrityLinks","PersonalIntegrityLink","UpdateCookieConsent","button","styledLink","FooterSlim","key","l18n","personalIntegrityLinks","_personalIntegrityLin","_jsx","role","children","theme","alignItems","_jsxs","items","map","navItem","index","_navItem$properties","url","title","properties","displayName","hoverSpan","_Fragment","onClick","event","preventDefault","triggerUpdateCookieConsent","updateCookieConsent","React","loadable","resolved","chunkName","isReady","props","resolve","__webpack_modules__","importAsync","requireAsync","then","requireSync","id","__webpack_require__","LanguagePickerLoader","window","Cookiebot","renew"],"sourceRoot":""}