{"version":3,"file":"static/chunks/4797.414020589f050191.js","mappings":"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","sources":["webpack://_N_E/./components/CardMedia/CardMedia.js","webpack://_N_E/./components/CardMedia/index.js","webpack://_N_E/./components/CardMedia/CardMedia.folkhem.module.scss","webpack://_N_E/./components/CardMedia/CardMedia.nordr.module.scss"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport debounce from 'debounce';\nimport i18n from '../../i18n';\nimport { Base64 } from 'js-base64';\nimport { trackEvent } from '../../utils/DataLayerHelpers';\nimport LazyLoad from 'react-lazy-load';\nimport { ThemeContext, themes } from '../../themes/ThemeContext';\nimport stylesNordr from './CardMedia.nordr.module.scss';\nimport stylesFolkhem from './CardMedia.folkhem.module.scss';\n\nconst getStyles = (theme) => ({\n        [themes.NORDR]: stylesNordr,\n        [themes.FOLKHEM]: stylesFolkhem,\n    }[theme]\n);\n\nclass CardMedia extends React.PureComponent {\n    constructor(props) {\n        super(props);\n\n        this.textContainer = React.createRef();\n        this.text = React.createRef();\n\n        this.state = {\n            showMore: false,\n            active: false,\n        };\n    }\n\n    componentWillUnmount() {\n        window.removeEventListener('resize', this.checkOverflow, true);\n    }\n\n    componentDidMount() {\n        window.addEventListener('resize', this.checkOverflow, true);\n        this.checkOverflow();\n    }\n\n    render() {\n        const { title, text, link, image, modifier, inverse, embed, backgroundColor } = this.props;\n        const { showMore, active } = this.state;\n        const theme = this.context;\n        const styles = getStyles(theme);\n        const classes = classNames(\n            styles['CardMedia'],\n            { [styles[`CardMedia--${modifier}`]]: modifier },\n            { [styles[`CardMedia--${backgroundColor}`]]: backgroundColor },\n            { [styles['CardMedia--ShowMore']]: showMore },\n            { [styles['CardMedia--Active']]: active || (link && link.href) },\n            { [styles['CardMedia--Inverse']]: inverse }\n        );\n\n        let markup = '';\n        let ratioInPercentage = '';\n        if (embed.html) {\n            markup = { __html: Base64.decode(embed.html) };\n            ratioInPercentage =\n                embed.width && embed.height\n                    ? (embed.height / embed.width) * 100\n                    : 56.25;\n        }\n\n        return (\n            <div className={classes}>\n                <div className={styles[\"CardMedia__ImageContainer\"]}>\n                    {embed.html ? (\n                        <div className={styles[\"CardMedia__VideoContainer\"]}>\n                            <div\n                                className={styles[\"CardMedia__Video\"]}\n                                style={\n                                    embed.type !== 'rich'\n                                        ? {\n                                            paddingBottom: ratioInPercentage + '%',\n                                        }\n                                        : {}\n                                }\n                                dangerouslySetInnerHTML={markup}\n                            />\n                        </div>\n                    ) : (\n                        <LazyLoad\n                            offset={400}\n                            throttle={150}\n                            debounce={false}\n                            className={classNames(\n                                styles['CardMedia__LazyImgWrapper'],\n                                // For targetig .is-active\n                                'CardMedia__LazyImgWrapper', {\n                                [styles['CardMedia__LazyImgWrapper--Link']]: link.href,\n                            })}\n                        >\n                            {link.href ? (\n                                <a\n                                    href={link.href}\n                                    title={\n                                        link.text ? link.text : i18n.t('readMore')\n                                    }>\n                                    <div\n                                        className={styles[\"CardMedia__Image\"]}\n                                        style={\n                                            image.renditions && {\n                                                backgroundImage: `url(${\n                                                    image.renditions.standard.src\n                                                })`,\n                                            }\n                                        }\n                                    />\n                                </a>\n                            ) : (\n                                <div\n                                    className={styles[\"CardMedia__Image\"]}\n                                    style={\n                                        image.renditions && {\n                                            backgroundImage: `url(${\n                                                image.renditions.standard.src\n                                            })`,\n                                        }\n                                    }\n                                />\n                            )}\n                        </LazyLoad>\n                    )}\n                </div>\n                <div className={styles[\"CardMedia__Content\"]}>\n                    <h3 className={styles[\"CardMedia__Title\"]}>{title}</h3>\n                    <div\n                        ref={this.textContainer}\n                        className={styles[\"CardMedia__TextContainer\"]}>\n                        <div\n                            ref={this.text}\n                            className={styles[\"CardMedia__Text\"]}\n                            dangerouslySetInnerHTML={{ __html: text }}\n                        />\n                    </div>\n                    {showMore && (\n                        <div>\n                            {active ? (\n                                <span\n                                    className={styles['CardMedia__ShowMore'] + ' ' + styles['CardMedia__ShowMore--Less']}\n                                    onClick={this.toggleShowMore}>\n                                    {i18n.t('cardMedia.showLess')}\n                                </span>\n                            ) : (\n                                <span\n                                    className={styles['CardMedia__ShowMore'] + ' ' + styles['CardMedia__ShowMore--More']}\n                                    onClick={this.toggleShowMore}>\n                                    {i18n.t('cardMedia.showMore')}\n                                </span>\n                            )}\n                        </div>\n                    )}\n                    {link.href && (\n                        <a\n                            href={link.href}\n                            title={link.title}\n                            target={link.target}\n                            className={styles['CardMedia__Link']}\n                        >\n                            {link.text ? link.text : i18n.t('readMore')}\n                        </a>\n                    )}\n                </div>\n            </div>\n        );\n    }\n\n    _checkOverflow = () => {\n        const textContainer = this.textContainer.current;\n        const text = this.text.current;\n\n        const refsNotSet =\n            typeof textContainer === 'undefined' || typeof text === 'undefined';\n\n        this.setState({\n            showMore: refsNotSet\n                ? false\n                : textContainer.offsetHeight < text.offsetHeight,\n            active: false,\n        });\n    };\n    checkOverflow = debounce(this._checkOverflow, 300);\n\n    toggleShowMore = () => {\n        trackEvent(\n            'textShowMore',\n            'show',\n            'click',\n            this.state.active ? 'less' : 'more'\n        );\n\n        this.setState((prevState) => ({\n            active: !prevState.active,\n        }));\n    };\n}\n\nCardMedia.propTypes = {\n    title: PropTypes.string,\n    text: PropTypes.string,\n    link: PropTypes.object,\n    image: PropTypes.object,\n    modifier: PropTypes.string,\n    inverse: PropTypes.bool,\n    embed: PropTypes.shape({\n        resourceId: PropTypes.string,\n        html: PropTypes.string,\n        type: PropTypes.string,\n        height: PropTypes.number,\n        width: PropTypes.number,\n    }),\n};\n\nCardMedia.defaultProps = {\n    link: {\n        href: '',\n        text: '',\n        title: '',\n        target: '',\n    },\n    image: {\n        renditions: {\n            standard: {},\n        },\n    },\n    embed: {}\n};\n\nCardMedia.contextType = ThemeContext;\n\nexport default CardMedia;\n","import CardMedia from './CardMedia';\n\nexport default CardMedia;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"CardMedia\":\"CardMedia_folkhem_CardMedia__JgW37\",\"CardMedia__Title\":\"CardMedia_folkhem_CardMedia__Title__WHav1\",\"CardMedia__ImageContainer\":\"CardMedia_folkhem_CardMedia__ImageContainer__1z4Cn\",\"CardMedia--Inverse\":\"CardMedia_folkhem_CardMedia--Inverse__rYOUH\",\"CardMedia__LazyImgWrapper\":\"CardMedia_folkhem_CardMedia__LazyImgWrapper__HmseK\",\"CardMedia__LazyImgWrapper--Link\":\"CardMedia_folkhem_CardMedia__LazyImgWrapper--Link__9eCU8\",\"CardMedia__Image\":\"CardMedia_folkhem_CardMedia__Image__G_EU3\",\"fadeIn\":\"CardMedia_folkhem_fadeIn__icf3N\",\"CardMedia__VideoContainer\":\"CardMedia_folkhem_CardMedia__VideoContainer__Qgo79\",\"CardMedia__Video\":\"CardMedia_folkhem_CardMedia__Video__Y2Zs3\",\"CardMedia__Content\":\"CardMedia_folkhem_CardMedia__Content__gB5Mz\",\"CardMedia--ShowMore\":\"CardMedia_folkhem_CardMedia--ShowMore__p5fbU\",\"CardMedia__TextContainer\":\"CardMedia_folkhem_CardMedia__TextContainer__CyAUU\",\"CardMedia--Active\":\"CardMedia_folkhem_CardMedia--Active__BPLsL\",\"CardMedia__Text\":\"CardMedia_folkhem_CardMedia__Text__9tXhW\",\"CardMedia__ShowMore\":\"CardMedia_folkhem_CardMedia__ShowMore__8iOgq\",\"CardMedia__ShowMore--More\":\"CardMedia_folkhem_CardMedia__ShowMore--More__MX0Ia\",\"CardMedia__ShowMore--Less\":\"CardMedia_folkhem_CardMedia__ShowMore--Less__eP0f1\",\"CardMedia__Link\":\"CardMedia_folkhem_CardMedia__Link__Q3B_O\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"CardMedia\":\"CardMedia_nordr_CardMedia__pHMfv\",\"CardMedia--ShowMore\":\"CardMedia_nordr_CardMedia--ShowMore__m54HQ\",\"CardMedia--alternative\":\"CardMedia_nordr_CardMedia--alternative__xOi_H\",\"CardMedia__TextContainer\":\"CardMedia_nordr_CardMedia__TextContainer__ZFa58\",\"CardMedia__Title\":\"CardMedia_nordr_CardMedia__Title__MDHnV\",\"CardMedia__ImageContainer\":\"CardMedia_nordr_CardMedia__ImageContainer__EYQ2m\",\"CardMedia--Inverse\":\"CardMedia_nordr_CardMedia--Inverse__ouy0I\",\"CardMedia__LazyImgWrapper\":\"CardMedia_nordr_CardMedia__LazyImgWrapper__5j0o8\",\"CardMedia__LazyImgWrapper--Link\":\"CardMedia_nordr_CardMedia__LazyImgWrapper--Link__ejJ_n\",\"CardMedia__Image\":\"CardMedia_nordr_CardMedia__Image__QUlyg\",\"fadeIn\":\"CardMedia_nordr_fadeIn__eFius\",\"CardMedia__VideoContainer\":\"CardMedia_nordr_CardMedia__VideoContainer__vM_JA\",\"CardMedia__Video\":\"CardMedia_nordr_CardMedia__Video__Qi75y\",\"CardMedia__Content\":\"CardMedia_nordr_CardMedia__Content__9ZYwr\",\"CardMedia--Active\":\"CardMedia_nordr_CardMedia--Active__vzvSK\",\"CardMedia__Text\":\"CardMedia_nordr_CardMedia__Text__bsMEi\",\"CardMedia__ShowMore\":\"CardMedia_nordr_CardMedia__ShowMore__z2DOx\",\"CardMedia__ShowMore--Less\":\"CardMedia_nordr_CardMedia__ShowMore--Less__YTW9C\",\"CardMedia__Link\":\"CardMedia_nordr_CardMedia__Link__vLfKU\"};"],"names":["CardMedia","props","_checkOverflow","textContainer","current","text","refsNotSet","setState","showMore","offsetHeight","active","checkOverflow","debounce","toggleShowMore","trackEvent","state","prevState","React","window","removeEventListener","this","addEventListener","title","link","image","modifier","inverse","embed","backgroundColor","styles","theme","themes","stylesNordr","stylesFolkhem","getStyles","context","classes","classNames","href","markup","ratioInPercentage","html","__html","Base64","width","height","className","style","type","paddingBottom","dangerouslySetInnerHTML","LazyLoad","offset","throttle","i18n","renditions","backgroundImage","standard","src","ref","onClick","target","defaultProps","contextType","ThemeContext","module","exports"],"sourceRoot":""}