{"version":3,"file":"static/js/TextBlock.6c78634e.js","mappings":"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","sources":["components/BlockQuote/BlockQuote.styled.ts","components/FactBox/FactBox.styled.ts","components/Image/ImageLoader.tsx","components/ImageSection/ImageSection.styled.ts","components/RichText/RichTextLoader.tsx","components/TextBlock/TextBlock.styled.ts","components/TextBlock/TextBlock.tsx","components/Video/Video.styled.ts"],"sourcesContent":["import { styled, css } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport Icon from \"components/Icon\";\nimport { default as NavLink } from \"components/Link\";\nimport {\n    styleLabelM,\n    styleQuoteL,\n    styleQuoteM,\n} from \"style/components/Typography\";\nimport { MQ } from \"style/mediaQueries\";\n\nconst linkColor = theme(\"theme\", {\n    lightgray: \"--text-on-neutral-secondary\",\n    blue: \"--text-on-blue-secondary\",\n    cyan: \"--text-on-cyan-secondary\",\n});\n\nconst hoverColor = theme(\"theme\", {\n    lightgray: \"--text-on-neutral-link\",\n    blue: \"--text-on-blue-primary-alt\",\n    cyan: \"--text-on-cyan-primary\",\n});\n\nexport const Container = styled.div`\n    border-left: 1px solid var(--icon-decorative-coral);\n    display: flex;\n    flex-direction: column;\n    gap: 0.875rem;\n    padding-left: 1.75rem;\n\n    ${MQ.FROM_M} {\n        gap: 1.3125rem;\n        padding-left: 2.1875rem;\n    }\n\n    ${MQ.FROM_XL} {\n        gap: 1.75rem;\n        padding-left: 2.625rem;\n    }\n`;\n\nexport const Quote = styled.div`\n    ${theme(\"size\", {\n        small: css`\n            ${styleQuoteM};\n        `,\n        large: css`\n            ${styleQuoteL};\n        `,\n    })}\n`;\n\nexport const LinkText = styled.div`\n    ${styleLabelM};\n    margin-right: 0.875rem;\n    transition: margin-right 0.2s ease-in-out;\n`;\n\nexport const IconArrow = styled(Icon)`\n    margin-right: 0.875rem;\n    transition: margin-left 0.2s ease-in-out;\n`;\n\nexport const Link = styled(NavLink)`\n    border-bottom: none;\n    color: var(${linkColor});\n    display: block;\n    transition: color 0.2s ease-in-out;\n\n    &:hover {\n        color: var(${hoverColor});\n\n        ${LinkText} {\n            margin-right: 0;\n        }\n\n        ${IconArrow} {\n            margin-left: 0.875rem;\n        }\n    }\n`;\n","import { styled, css } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport { default as BaseDocument } from \"components/Document\";\nimport TextBlock from \"components/TextBlock\";\nimport { styleBodyM } from \"style/components/Typography\";\nimport { MQ } from \"style/mediaQueries\";\n\nconst backgroundColor = theme(\"theme\", {\n    lightgray: \"--color-white\",\n    blue: \"--color-cyan-o20\",\n    cyan: \"--color-blue-o15\",\n    coral: \"--color-coral-l10\",\n});\n\nexport const Container = styled.div`\n    background: var(${backgroundColor});\n    border-radius: 0.25rem;\n    display: flex;\n    flex-flow: column wrap;\n    margin: 1.75rem 0;\n    padding: 1.75rem;\n\n    ${theme(\"blockInBlock\", {\n        true: css`\n            margin-top: 0;\n        `,\n    })}\n\n    ${MQ.FROM_M} {\n        margin: 2.1875rem 0;\n        ${theme(\"blockInBlock\", {\n            true: css`\n                margin-top: 0;\n            `,\n        })}\n    }\n\n    ${MQ.FROM_XL} {\n        margin: 2.625rem 0;\n        ${theme(\"blockInBlock\", {\n            true: css`\n                margin-top: 0;\n            `,\n        })}\n    }\n`;\n\nexport const Heading = styled.div.attrs<{\n    $hasIcon?: boolean;\n    $iconColor?: string;\n}>(() => ({}))`\n    ${styleBodyM};\n    font-weight: bold;\n    grid-column: col-start 1 / span 4;\n    margin-bottom: 1.75rem;\n    margin-top: 0;\n    ${(props) =>\n        props.$hasIcon &&\n        css`\n            padding-left: 2.625rem;\n            position: relative;\n\n            &::before {\n                background-color: ${props.$iconColor\n                    ? \"var(--color-traffic-\" + props.$iconColor + \")\"\n                    : \"var(--color-traffic-green)\"};\n                border-radius: 50%;\n                content: \"\";\n                display: block;\n                height: 1.3125rem;\n                inset: 3px;\n                position: absolute;\n                width: 1.3125rem;\n            }\n        `}\n`;\n\nexport const StyledTextBlock = styled(TextBlock)`\n    margin-bottom: 1.75rem;\n\n    div {\n        &:first-child :first-child {\n            margin-top: 0;\n        }\n\n        &:last-child :last-child {\n            margin-bottom: 0;\n        }\n    }\n`;\n\nexport const Documents = styled.div`\n    display: flex;\n    flex-flow: column wrap;\n    gap: 0.875rem;\n`;\n\nexport const Document = styled(BaseDocument)`\n    display: block;\n    min-height: 1.75rem;\n    padding-left: 2.1875rem;\n    position: relative;\n\n    span {\n        ${styleBodyM};\n    }\n\n    svg {\n        left: 0;\n        position: absolute;\n        top: 0;\n    }\n\n    ${theme(\"theme\", {\n        blue: css`\n            color: var(--color-cyan-l60);\n\n            span {\n                border-color: var(--color-cyan-l60-o30);\n            }\n\n            &:hover {\n                span {\n                    border-color: var(--color-cyan-l60);\n                }\n            }\n        `,\n    })}\n`;\n","import loadable, { DefaultComponent } from \"@loadable/component\";\nimport React, { ReactElement } from \"react\";\n\nimport ImageProps from \"./ImageProps\";\n\nconst Image = loadable(\n    (): Promise<DefaultComponent<ImageProps>> =>\n        import(/* webpackChunkName: \"Image\" */ \"./Image\"),\n);\nconst ImageLoader = (props: ImageProps): ReactElement => <Image {...props} />;\nexport default ImageLoader;\n","import { styled, css } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport { default as DefaultImage } from \"components/Image\";\nimport { MQ } from \"style/mediaQueries\";\n\nexport const Image = styled(DefaultImage).attrs<{\n    $centerPosition?: [number, number] | undefined;\n}>(() => ({}))`\n    &.embedded {\n        margin-right: auto;\n        width: auto;\n    }\n\n    &:not(.embedded) {\n        aspect-ratio: 2/3;\n        background-color: var(--color-blue-d10);\n        height: auto;\n        max-height: 50vh;\n        width: 100%;\n\n        ${theme(\"blockInBlock\", {\n            true: css`\n                aspect-ratio: unset;\n                margin-bottom: 2.1875rem;\n                max-height: unset;\n                min-height: unset;\n            `,\n        })}\n\n        ${MQ.FROM_M} {\n            ${theme(\"blockInBlock\", {\n                true: css`\n                    margin-bottom: 3.5rem;\n                `,\n            })}\n        }\n\n        ${MQ.FROM_L} {\n            aspect-ratio: unset;\n            height: 75vh;\n            max-height: 75vh;\n            ${theme(\"isInEditMode\", {\n                true: css`\n                    height: auto;\n                    min-height: 31.25rem;\n                `,\n            })}\n            ${theme(\"blockInBlock\", {\n                true: css`\n                    height: auto;\n                    margin-bottom: 3.5rem;\n                `,\n            })}\n        }\n\n        ${MQ.FROM_XL} {\n            ${theme(\"blockInBlock\", {\n                true: css`\n                    margin-bottom: 4.375rem;\n                `,\n            })}\n        }\n\n        img {\n            height: 100%;\n            object-fit: cover;\n            width: 100%;\n            ${(props) =>\n                props.$centerPosition &&\n                props.$centerPosition.length == 2 &&\n                props.$centerPosition[0] > 0 &&\n                props.$centerPosition[1] > 0 &&\n                css`\n                    object-position: ${props.$centerPosition[0]}%\n                        ${props.$centerPosition[1]}%;\n                `}\n        }\n    }\n`;\n","import loadable, { DefaultComponent } from \"@loadable/component\";\nimport React, { ReactElement } from \"react\";\n\nimport RichTextProps from \"./RichTextProps\";\n\nconst RichText = loadable(\n    (): Promise<DefaultComponent<RichTextProps>> =>\n        import(/* webpackChunkName: \"RichText\" */ \"./RichText\"),\n);\nconst RichTextLoader = (props: RichTextProps): ReactElement => (\n    <RichText {...props} />\n);\nexport default RichTextLoader;\n","import { styled, css } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport { Container as BlockQuote } from \"components/BlockQuote/BlockQuote.styled\";\nimport { StyledLink, embedButtonStyle } from \"components/Button/Button.styled\";\nimport { Container as FactBox } from \"components/FactBox/FactBox.styled\";\nimport {\n    inlineImage,\n    StyledButton as ImageButton,\n} from \"components/Image/Image.styled\";\nimport { Image } from \"components/ImageSection/ImageSection.styled\";\nimport { styledLink } from \"components/Link/Link.styled\";\nimport { styledListUL, styledListOL } from \"components/List/List.styled\";\nimport { styledTable, responsiveTable } from \"components/Table/Table.styled\";\nimport { VideoWrapper as Video } from \"components/Video/Video.styled\";\nimport {\n    styleBodyLAlt,\n    styleHeadingL,\n    styleHeadingM,\n    styleHeadingS,\n} from \"style/components/Typography\";\nimport { columnGap } from \"style/grid\";\nimport { MQ } from \"style/mediaQueries\";\n\nexport const Container = styled.div.attrs<{\n    $displayOption?: string;\n    $editorialGrid?: boolean;\n}>(() => ({}))`\n    & > div {\n        &:first-child > div:first-child > :first-child {\n            margin-top: 0;\n        }\n\n        &:last-child :last-child {\n            margin-bottom: 0;\n        }\n\n        ${(props) =>\n            props.$editorialGrid &&\n            css`\n                ${editorialGrid}\n            `}\n\n        & > ${StyledLink} {\n            margin-bottom: 0.875rem;\n            margin-right: auto;\n            margin-top: 1.75rem;\n\n            ${MQ.FROM_M} {\n                margin-top: 2.1875rem;\n            }\n\n            ${MQ.FROM_XL} {\n                margin-top: 2.625rem;\n            }\n        }\n\n        /* stylelint-disable-next-line no-duplicate-selectors */\n        & > ${Image}, & > ${Video}, & > ${BlockQuote}, & > ${ImageButton} {\n            margin: 2.625rem auto 0.875rem 0;\n\n            ${MQ.FROM_M} {\n                margin: 3.5rem auto 1.75rem 0;\n            }\n\n            ${MQ.FROM_XL} {\n                margin: 4.375rem auto 2.625rem 0;\n            }\n        }\n\n        /* stylelint-disable-next-line */\n        ${FactBox} + ${FactBox} {\n            margin-top: 0;\n        }\n    }\n\n    ${styledListOL}\n\n    ${styledListUL}\n\n    .responsive-table {\n        ${responsiveTable}\n    }\n\n    table {\n        ${styledTable}\n    }\n\n    img {\n        ${inlineImage}\n    }\n\n    .intro {\n        display: block;\n        ${styleBodyLAlt}\n    }\n\n    a:not([class*=\"embedded\"], [class*=\"button\"], [class*=\"hoverspan\"]) {\n        ${styledLink}\n    }\n\n    button.button,\n    a.button {\n        ${embedButtonStyle}\n    }\n\n    h2 {\n        ${styleHeadingL}\n        margin-bottom: 2.1875rem;\n        margin-top: 3.5rem;\n\n        ${MQ.FROM_M} {\n            margin-bottom: 2.625rem;\n            margin-top: 4.375rem;\n        }\n\n        ${MQ.FROM_XL} {\n            margin-bottom: 3.5rem;\n            margin-top: 6.125rem;\n        }\n    }\n\n    h3 {\n        ${styleHeadingM}\n        margin-bottom: 1.75rem;\n        margin-top: 2.1875rem;\n\n        ${MQ.FROM_M} {\n            margin-bottom: 2.1875rem;\n            margin-top: 2.625rem;\n        }\n\n        ${MQ.FROM_XL} {\n            margin-bottom: 2.625rem;\n            margin-top: 3.5rem;\n        }\n    }\n\n    h4 {\n        ${styleHeadingS}\n        margin-bottom: 0;\n        margin-top: 1.75rem;\n    }\n\n    h4 + p {\n        margin-top: 0;\n    }\n\n    p {\n        margin-bottom: 1.75rem;\n        margin-top: 1.75rem;\n    }\n\n    hr {\n        width: 100%;\n        border: none;\n        border-top: 1px solid\n            var(\n                ${theme(\"theme\", {\n                    undefined: \"--line-on-neutral-default\",\n                    white: \"--line-on-neutral-default\",\n                    lightgray: \"--line-on-neutral-default\",\n                    blue: \"--line-on-blue-default\",\n                    cyan: \"--line-on-cyan-default\",\n                })}\n            );\n    }\n`;\n\nexport const editorialGrid = css`\n    ${columnGap}\n    display: grid;\n    grid-auto-rows: auto;\n    grid-template-columns: repeat(4, [col-start] 1fr);\n\n    ${MQ.FROM_M} {\n        grid-template-columns: repeat(8, [col-start] 1fr);\n    }\n\n    ${MQ.FROM_XL} {\n        grid-template-columns: repeat(7, [col-start] 1fr);\n    }\n\n    & > * {\n        grid-column: 1 / span 4;\n\n        ${MQ.FROM_M} {\n            grid-column: 1 / span 8;\n        }\n\n        ${MQ.FROM_L} {\n            grid-column: 1 / span 6;\n            grid-column: ${theme(\"blockInBlock\", {\n                true: \"1 / span 8\",\n            })};\n        }\n\n        ${MQ.FROM_XL} {\n            grid-column: 1 / span 5;\n            grid-column: ${theme(\"blockInBlock\", {\n                true: \"1 / span 7\",\n            })};\n        }\n    }\n\n    /* stylelint-disable-next-line no-duplicate-selectors */\n    & > ${Video}, & > ${Image}, & > ${BlockQuote}, & > ${ImageButton} {\n        ${MQ.FROM_L} {\n            grid-column: 1 / span 8;\n        }\n\n        ${MQ.FROM_XL} {\n            grid-column: 1 / span 7;\n        }\n    }\n`;\n","import React, { ReactElement, useContext } from \"react\";\nimport { ThemeContext, ThemeProvider } from \"styled-components\";\n\nimport RichText from \"components/RichText\";\nimport { addEditAttributes } from \"utils/episerver\";\nimport getButtonTheme from \"utils/getButtonTheme\";\n\nimport { Container } from \"./TextBlock.styled\";\nimport TextBlockProps from \"./TextBlockProps\";\n\nconst TextBlock = ({\n    content,\n    displayOption = \"Left\",\n    identifier,\n    className,\n    theme,\n    contentTheme,\n    actionTheme,\n    editorialGrid = false,\n    editPropertyName,\n    renderElement,\n    lightbox = false,\n    l18n,\n}: TextBlockProps): ReactElement => {\n    const themeContext = useContext(ThemeContext);\n\n    theme = theme || (themeContext && themeContext.theme) || \"lightgray\";\n    actionTheme = actionTheme || (themeContext && themeContext.actionTheme);\n\n    if (!actionTheme)\n        switch (theme) {\n            case \"blue\":\n                actionTheme = \"cyan\";\n                break;\n            case \"cyan\":\n                actionTheme = \"blue\";\n                break;\n            default:\n                actionTheme = \"blue\";\n                break;\n        }\n\n    const buttonTheme = getButtonTheme(\n        theme || \"lightgray\",\n        actionTheme || \"blue\",\n        actionTheme === \"black\" ? \"outline\" : \"primary\",\n    );\n\n    return (\n        <ThemeProvider\n            theme={{\n                theme: theme,\n                actionTheme: actionTheme,\n                buttonTheme: buttonTheme,\n            }}\n        >\n            <Container\n                id={identifier}\n                key={identifier}\n                className={className}\n                $displayOption={displayOption}\n                $editorialGrid={editorialGrid}\n                {...(editPropertyName\n                    ? addEditAttributes(editPropertyName)\n                    : {})}\n            >\n                {content && (\n                    <RichText\n                        content={content}\n                        theme={theme}\n                        contentTheme={contentTheme}\n                        actionTheme={actionTheme}\n                        renderElement={renderElement}\n                        lightbox={lightbox}\n                        l18n={l18n}\n                    />\n                )}\n            </Container>\n        </ThemeProvider>\n    );\n};\n\nexport default React.memo(TextBlock);\n","import { styled } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport { Container as GridContainer } from \"style/components/Page\";\nimport { styleHeadingL, styleHeadingXL } from \"style/components/Typography\";\nimport { GUTTER, columnGap } from \"style/grid\";\nimport { MQ } from \"style/mediaQueries\";\nimport { overlay } from \"style/overlay\";\n\nexport const PlayIconWrapper = styled.div`\n    align-items: center;\n    display: flex;\n    inset: 0;\n    justify-content: center;\n    position: absolute;\n    z-index: 2;\n`;\n\nexport const TitleWrapper = styled(GridContainer)`\n    ${columnGap}\n    display: grid;\n    grid-template-columns: repeat(4, [col-start] 1fr);\n    padding: ${theme(\"size\", {\n        small: `0.875rem`,\n        large: `1.75rem ${GUTTER.SM}`,\n    })};\n    z-index: 2;\n\n    ${MQ.FROM_M} {\n        grid-template-columns: ${theme(\"size\", {\n            small: \"repeat(8, [col-start] 1fr)\",\n            large: \"repeat(12, [col-start] 1fr)\",\n        })};\n        padding: ${theme(\"size\", {\n            small: `0.875rem`,\n            large: `3.5rem ${GUTTER.MD}`,\n        })};\n    }\n\n    ${MQ.FROM_L} {\n        grid-template-columns: ${theme(\"size\", {\n            small: \"repeat(6, [col-start] 1fr)\",\n            large: \"repeat(12, [col-start] 1fr)\",\n        })};\n        padding: ${theme(\"size\", {\n            small: `1.3125rem`,\n            large: `3.5rem ${GUTTER.MD}`,\n        })};\n    }\n\n    ${MQ.FROM_XL} {\n        grid-template-columns: ${theme(\"size\", {\n            small: \"repeat(6, [col-start] 1fr)\",\n            large: \"repeat(12, [col-start] 1fr)\",\n        })};\n        padding: ${theme(\"size\", {\n            small: `1.75rem`,\n            large: `4.375rem ${GUTTER.XL}`,\n        })};\n    }\n`;\n\nexport const Title = styled.h2`\n    && {\n        ${theme(\"size\", {\n            large: styleHeadingXL,\n            small: styleHeadingL,\n        })}\n        color: var(--text-on-image-primary);\n        grid-column: col-start 1 / span 4;\n        margin-top: 0;\n        text-align: left;\n\n        ${MQ.FROM_M} {\n            grid-column: ${theme(\"size\", {\n                small: \"col-start 1 / span 6\",\n                large: \"col-start 1 / span 9\",\n            })};\n        }\n\n        ${MQ.FROM_L} {\n            grid-column: ${theme(\"size\", {\n                small: \"col-start 1 / span 5\",\n                large: \"col-start 1 / span 6\",\n            })};\n        }\n\n        ${MQ.FROM_XL} {\n            grid-column: ${theme(\"size\", {\n                small: \"col-start 1 / span 5\",\n                large: \"col-start 1 / span 6\",\n            })};\n        }\n    }\n`;\n\nexport const VideoWrapper = styled.div`\n    border: none;\n    height: auto;\n    width: 100%;\n`;\n\nexport const VideoContainer = styled.div`\n    height: 0;\n    overflow: hidden;\n    padding-bottom: 56.25%;\n    position: relative;\n\n    & > div,\n    & > video {\n        height: 100%;\n        left: 0;\n        position: absolute;\n        top: 0;\n        width: 100%;\n    }\n`;\n\nexport const Overlay = styled.div`\n    inset: 0;\n    position: absolute;\n    z-index: 1;\n\n    &::before {\n        ${overlay(\"UpLeft\")};\n    }\n`;\n\nexport const PlayIcon = styled.div`\n    backdrop-filter: blur(2px);\n    border: 1px solid var(--button-on-image-outline-border);\n    border-radius: 0.25rem;\n    padding: 0.375rem;\n    transition: all 0.2s ease-in-out;\n    z-index: 3;\n\n    ${MQ.FROM_XL} {\n        padding: 1.25rem;\n    }\n`;\n\nexport const ButtonWrapper = styled.div`\n    align-items: center;\n    background: var(--block-blue-default);\n    border: none;\n    color: var(--text-on-image-primary);\n    cursor: pointer;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-width: 100%;\n    padding: 0;\n    position: relative;\n    width: 100%;\n\n    &:focus-visible {\n        ${PlayIcon} {\n            outline: 7px solid var(--button-focus);\n            outline-offset: 7px;\n        }\n    }\n\n    &:hover {\n        ${PlayIcon} {\n            background: var(--button-on-image-outline-hover);\n            border-color: var(--button-on-image-outline-hover);\n            color: var(--text-on-neutral-primary);\n        }\n    }\n`;\n"],"names":["linkColor","theme","lightgray","blue","cyan","hoverColor","Container","styled","div","withConfig","componentId","MQ","FROM_M","FROM_XL","Quote","small","css","styleQuoteM","large","styleQuoteL","LinkText","styleLabelM","IconArrow","Icon","Link","NavLink","backgroundColor","coral","true","Heading","attrs","styleBodyM","props","$hasIcon","$iconColor","StyledTextBlock","TextBlock","Documents","Document","BaseDocument","Image","loadable","resolved","chunkName","isReady","key","resolve","__webpack_modules__","importAsync","requireAsync","then","requireSync","id","__webpack_require__","ImageLoader","_jsx","DefaultImage","FROM_L","$centerPosition","length","RichText","RichTextLoader","$editorialGrid","editorialGrid","StyledLink","Video","BlockQuote","ImageButton","FactBox","styledListOL","styledListUL","responsiveTable","styledTable","inlineImage","styleBodyLAlt","styledLink","embedButtonStyle","styleHeadingL","styleHeadingM","styleHeadingS","undefined","white","columnGap","content","displayOption","identifier","className","contentTheme","actionTheme","editPropertyName","renderElement","lightbox","l18n","themeContext","useContext","ThemeContext","buttonTheme","getButtonTheme","ThemeProvider","children","$displayOption","addEditAttributes","React","PlayIconWrapper","TitleWrapper","GridContainer","GUTTER","SM","MD","XL","Title","h2","styleHeadingXL","VideoWrapper","VideoContainer","Overlay","overlay","PlayIcon","ButtonWrapper"],"sourceRoot":""}