{"version":3,"file":"static/chunks/8491.425da250f6febc1d.js","mappings":"uvBAQA,IAMMA,EAAAA,SAAAA,I,uHACF,WACI,MAAyBC,KAAKC,MAAtBC,EAAR,EAAQA,MAAOC,EAAf,EAAeA,MAETC,EAVI,SAACC,GAAD,aAAY,eACrBC,EAAAA,EAAAA,MAAeC,MADM,SAErBD,EAAAA,EAAAA,QAAiBE,KAFI,GAGxBH,GAOiBI,CADDT,KAAKU,SAGnB,OACI,iBAAKC,UAAWP,EAAM,YAAtB,WACI,eAAIO,UAAWP,EAAM,mBAArB,SAA8CF,KAC9C,eAAIS,UAAWP,EAAM,kBAArB,SACKD,EAAMS,KAAI,SAACC,EAAMC,GAAP,OACP,gBAAIH,UAAWP,EAAM,kBAArB,UACKS,EAAKE,MAAMC,YACRH,EAAKE,MAAMC,WAAWC,cAClB,SAACC,EAAA,EAAD,CACIC,OAAQ,IACRC,SAAU,IACVC,UAAU,EACVV,UAAWW,GAAAA,CACPlB,EAAM,4BAEN,+BAHiB,UAKZA,EAAO,qCACJS,EAAKU,OAVrB,SAaKV,EAAKU,MACF,cACIC,KAAMX,EAAKU,KAAKC,KAChBtB,MAAOW,EAAKU,KAAKE,KAFrB,UAGI,gBACId,UAAWP,EAAM,uBACjBsB,MAAO,CACHC,gBAAiB,OAAF,OACXd,EAAKE,MACAC,WACAC,YAAYW,IAHN,WAS3B,gBACIjB,UAAWP,EAAM,uBACjBsB,MAAO,CACHC,gBAAiB,OAAF,OACXd,EAAKE,MAAMC,WACNC,YAAYW,IAFN,WASvC,eAAIjB,UAAWP,EAAM,uBAArB,SACKS,EAAKX,SAEV,cAAGS,UAAWP,EAAM,sBAApB,SAAgDS,EAAKY,OACpDZ,EAAKU,OACF,cACIC,KAAMX,EAAKU,KAAKC,KAChBb,UAAWP,EAAM,sBAFrB,SAGKS,EAAKU,KAAKE,SApD0BX,e,EAXnEf,CAAoB8B,EAAAA,eA+E1B9B,EAAY+B,aAAe,CACvB3B,MAAO,IAGXJ,EAAYgC,YAAcC,EAAAA,EAE1B,ICjGA,EDiGA,G,iBElGAC,EAAOC,QAAU,CAAC,mBAAqB,gDAAgD,kBAAoB,+CAA+C,kBAAoB,+CAA+C,uBAAyB,oDAAoD,OAAS,oCAAoC,oCAAoC,+DAA+D,4BAA8B,yDAAyD,aAAa,wCAAwC,uBAAyB,oDAAoD,sBAAwB,mDAAmD,sBAAwB,qD,kBCAtvBD,EAAOC,QAAU,CAAC,mBAAqB,8CAA8C,kBAAoB,6CAA6C,kBAAoB,6CAA6C,uBAAyB,kDAAkD,OAAS,kCAAkC,oCAAoC,6DAA6D,4BAA8B,uDAAuD,uBAAyB,kDAAkD,sBAAwB,iDAAiD,sBAAwB","sources":["webpack://_N_E/./components/ArticleList/ArticleList.js","webpack://_N_E/./components/ArticleList/index.js","webpack://_N_E/./components/ArticleList/ArticleList.folkhem.module.scss","webpack://_N_E/./components/ArticleList/ArticleList.nordr.module.scss"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport LazyLoad from 'react-lazy-load';\nimport { ThemeContext, themes } from '../../themes/ThemeContext';\nimport stylesNordr from './ArticleList.nordr.module.scss';\nimport stylesFolkhem from './ArticleList.folkhem.module.scss';\n\nconst getStyles = (theme) => ({\n        [themes.NORDR]: stylesNordr,\n        [themes.FOLKHEM]: stylesFolkhem,\n    }[theme]\n);\n\nclass ArticleList extends React.PureComponent {\n    render() {\n        const { title, items } = this.props;\n        const theme = this.context;\n        const styles = getStyles(theme);\n\n        return (\n            <div className={styles[\"ArticleList\"]}>\n                <h2 className={styles[\"ArticleList__Title\"]}>{title}</h2>\n                <ul className={styles[\"ArticleList__List\"]}>\n                    {items.map((item, index) => (\n                        <li className={styles[\"ArticleList__Item\"]} key={index}>\n                            {item.image.renditions &&\n                                item.image.renditions.standard800 && (\n                                    <LazyLoad\n                                        offset={400}\n                                        throttle={150}\n                                        debounce={false}\n                                        className={classNames(\n                                            styles[\"ArticleList__LazyImgWrapper\"],\n                                            // For targetig .is-active\n                                            'ArticleList__LazyImgWrapper',\n                                            {\n                                                [styles[\"ArticleList__LazyImgWrapper--Link\"]]:\n                                                    item.link,\n                                            }\n                                        )}>\n                                        {item.link ? (\n                                            <a\n                                                href={item.link.href}\n                                                title={item.link.text}>\n                                                <div\n                                                    className={styles[\"ArticleList__ItemImage\"]}\n                                                    style={{\n                                                        backgroundImage: `url(${\n                                                            item.image\n                                                                .renditions\n                                                                .standard800.src\n                                                        })`,\n                                                    }}\n                                                />\n                                            </a>\n                                        ) : (\n                                            <div\n                                                className={styles[\"ArticleList__ItemImage\"]}\n                                                style={{\n                                                    backgroundImage: `url(${\n                                                        item.image.renditions\n                                                            .standard800.src\n                                                    })`,\n                                                }}\n                                            />\n                                        )}\n                                    </LazyLoad>\n                                )}\n                            <h3 className={styles[\"ArticleList__ItemTitle\"]}>\n                                {item.title}\n                            </h3>\n                            <p className={styles[\"ArticleList__ItemText\"]}>{item.text}</p>\n                            {item.link && (\n                                <a\n                                    href={item.link.href}\n                                    className={styles[\"ArticleList__ItemLink\"]}>\n                                    {item.link.text}\n                                </a>\n                            )}\n                        </li>\n                    ))}\n                </ul>\n            </div>\n        );\n    }\n}\n\nArticleList.propTypes = {\n    title: PropTypes.string,\n    items: PropTypes.array,\n};\n\nArticleList.defaultProps = {\n    items: [],\n};\n\nArticleList.contextType = ThemeContext;\n\nexport default ArticleList;\n","import ArticleList from './ArticleList';\n\nexport default ArticleList;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"ArticleList__Title\":\"ArticleList_folkhem_ArticleList__Title___Ng7u\",\"ArticleList__List\":\"ArticleList_folkhem_ArticleList__List__Aij4O\",\"ArticleList__Item\":\"ArticleList_folkhem_ArticleList__Item__6iuhS\",\"ArticleList__ItemImage\":\"ArticleList_folkhem_ArticleList__ItemImage__yKE_b\",\"fadeIn\":\"ArticleList_folkhem_fadeIn__jHphi\",\"ArticleList__LazyImgWrapper--Link\":\"ArticleList_folkhem_ArticleList__LazyImgWrapper--Link__oOjDc\",\"ArticleList__LazyImgWrapper\":\"ArticleList_folkhem_ArticleList__LazyImgWrapper__Sdezj\",\"is-visible\":\"ArticleList_folkhem_is-visible__UrA0K\",\"ArticleList__ItemTitle\":\"ArticleList_folkhem_ArticleList__ItemTitle__822hS\",\"ArticleList__ItemText\":\"ArticleList_folkhem_ArticleList__ItemText__Nzy80\",\"ArticleList__ItemLink\":\"ArticleList_folkhem_ArticleList__ItemLink__V6gO3\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"ArticleList__Title\":\"ArticleList_nordr_ArticleList__Title__cxUI5\",\"ArticleList__List\":\"ArticleList_nordr_ArticleList__List__LtamH\",\"ArticleList__Item\":\"ArticleList_nordr_ArticleList__Item__H0kms\",\"ArticleList__ItemImage\":\"ArticleList_nordr_ArticleList__ItemImage__aP1Ht\",\"fadeIn\":\"ArticleList_nordr_fadeIn__jTIrh\",\"ArticleList__LazyImgWrapper--Link\":\"ArticleList_nordr_ArticleList__LazyImgWrapper--Link__c9jqG\",\"ArticleList__LazyImgWrapper\":\"ArticleList_nordr_ArticleList__LazyImgWrapper__HhxAU\",\"ArticleList__ItemTitle\":\"ArticleList_nordr_ArticleList__ItemTitle__XdbCQ\",\"ArticleList__ItemText\":\"ArticleList_nordr_ArticleList__ItemText__W2hK_\",\"ArticleList__ItemLink\":\"ArticleList_nordr_ArticleList__ItemLink__JIO7H\"};"],"names":["ArticleList","this","props","title","items","styles","theme","themes","stylesNordr","stylesFolkhem","getStyles","context","className","map","item","index","image","renditions","standard800","LazyLoad","offset","throttle","debounce","classNames","link","href","text","style","backgroundImage","src","React","defaultProps","contextType","ThemeContext","module","exports"],"sourceRoot":""}