{"version":3,"file":"static/chunks/8861.807a1c91e7239e35.js","mappings":"6zCAQA,IAOMA,EAAAA,SAAAA,I,uHACF,WACI,MAAqCC,KAAKC,MAAlCC,EAAR,EAAQA,MAAOC,EAAf,EAAeA,OAAQC,EAAvB,EAAuBA,UAEjBC,EAXI,SAACC,GAAD,aAAY,eACrBC,EAAAA,EAAAA,MAAeC,MADM,SAErBD,EAAAA,EAAAA,QAAiBE,KAFI,GAGxBH,GAQiBI,CADDV,KAAKW,SAGbC,EAAUC,GAAAA,CACZR,EAAM,WADgB,UAEnBA,EAAO,cAAD,OAAeF,IAAYA,IAFd,UAGnBE,EAAO,qBAAuBF,IAHX,UAInBE,EAAO,uBAAyBH,EAAMY,OAAS,GAClDV,EACKW,QAAO,SAACC,GAAD,OAAOA,KACdC,KAAI,SAACD,GAAD,OAAOX,EAAO,cAAD,OAAeW,QAGnCE,EAAuB,aAAXf,EAAwB,WAAa,YAEvD,OACI,gBAAKgB,UAAWP,EAAhB,SACKV,EAAMe,KAAI,SAASG,EAAMC,GACtB,IAAMC,EAAMF,EAAKG,WAAWL,GAE5B,OACI,oBAAQC,UAAWd,EAAM,gBAAzB,WACI,SAACmB,EAAA,EAAD,CACIC,OAAQ,IACRC,SAAU,IACVC,UAAU,EACVR,UAAWd,EAAM,0BAJrB,UAKI,kBACIc,UAAWd,EAAM,iBACjBuB,QAAQ,QAFZ,OAGaN,GAHb,IAGkBO,MAAO,KAAMC,OAAQ,YAG3C,uBAAYX,UAAWd,EAAM,mBAA7B,SACKe,EAAKW,UAbqCV,Y,EAxBrEtB,CAAkBiC,EAAAA,eAqDxBjC,EAAUkC,aAAe,CACrB/B,MAAO,GACPE,UAAW,IAGfL,EAAUmC,YAAcC,EAAAA,EAExB,ICzEA,EDyEA,G,kBE1EAC,EAAOC,QAAU,CAAC,UAAY,qCAAqC,gCAAgC,yDAAyD,sBAAsB,+CAA+C,yBAAyB,kDAAkD,uBAAuB,gDAAgD,gBAAkB,2CAA2C,iBAAmB,4CAA4C,OAAS,kCAAkC,mBAAqB,gD,kBCA/iBD,EAAOC,QAAU,CAAC,UAAY,mCAAmC,gCAAgC,uDAAuD,sBAAsB,6CAA6C,yBAAyB,gDAAgD,uBAAuB,8CAA8C,gBAAkB,yCAAyC,iBAAmB,0CAA0C,OAAS,gCAAgC,mBAAqB","sources":["webpack://_N_E/./components/CardImage/CardImage.js","webpack://_N_E/./components/CardImage/index.js","webpack://_N_E/./components/CardImage/CardImage.folkhem.module.scss","webpack://_N_E/./components/CardImage/CardImage.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 './CardImage.nordr.module.scss';\nimport stylesFolkhem from './CardImage.folkhem.module.scss';\n\nconst getStyles = (theme) => ({\n        [themes.NORDR]: stylesNordr,\n        [themes.FOLKHEM]: stylesFolkhem,\n    }[theme]\n);\n\n\nclass CardImage extends React.PureComponent {\n    render() {\n        const { items, format, modifiers } = this.props;\n        const theme = this.context;\n        const styles = getStyles(theme);\n\n        const classes = classNames(\n            styles[\"CardImage\"],\n            { [styles[`CardImage--${format}`]]: format },\n            { [styles[\"CardImage--Small\"]]: !format },\n            { [styles[\"CardImage--Multiple\"]]: items.length > 1 },\n            modifiers\n                .filter((x) => x)\n                .map((x) => styles[`CardImage--${x}`])\n        );\n\n        const rendition = format === 'standard' ? 'standard' : 'fullwidth';\n\n        return (\n            <div className={classes}>\n                {items.map(function(item, i) {\n                    const img = item.renditions[rendition];\n\n                    return (\n                        <figure className={styles[\"CardImage__Item\"]} key={i}>\n                            <LazyLoad\n                                offset={400}\n                                throttle={150}\n                                debounce={false}\n                                className={styles[\"CardImage__LazyImgWrapper\"]}>\n                                <img\n                                    className={styles[\"CardImage__Image\"]}\n                                    loading=\"lazy\"\n                                    {...{ ...img, width: null, height: null }}\n                                />\n                            </LazyLoad>\n                            <figcaption className={styles[\"CardImage__Caption\"]}>\n                                {item.title}\n                            </figcaption>\n                        </figure>\n                    );\n                })}\n            </div>\n        );\n    }\n}\n\nCardImage.propTypes = {\n    items: PropTypes.array,\n    format: PropTypes.string,\n    modifiers: PropTypes.arrayOf(PropTypes.string),\n};\n\nCardImage.defaultProps = {\n    items: [],\n    modifiers: [],\n};\n\nCardImage.contextType = ThemeContext;\n\nexport default CardImage;\n","import CardImage from './CardImage';\n\nexport default CardImage;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"CardImage\":\"CardImage_folkhem_CardImage__6vZDO\",\"CardImage--WithinPageTypeHome\":\"CardImage_folkhem_CardImage--WithinPageTypeHome__4p0KS\",\"CardImage--standard\":\"CardImage_folkhem_CardImage--standard__R3fDJ\",\"CardImage--normalbleed\":\"CardImage_folkhem_CardImage--normalbleed__7X2ha\",\"CardImage--fullbleed\":\"CardImage_folkhem_CardImage--fullbleed__S9SJm\",\"CardImage__Item\":\"CardImage_folkhem_CardImage__Item__vzB9m\",\"CardImage__Image\":\"CardImage_folkhem_CardImage__Image__SXXSd\",\"fadeIn\":\"CardImage_folkhem_fadeIn__V4pKT\",\"CardImage__Caption\":\"CardImage_folkhem_CardImage__Caption__WHizK\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"CardImage\":\"CardImage_nordr_CardImage__MoO3p\",\"CardImage--WithinPageTypeHome\":\"CardImage_nordr_CardImage--WithinPageTypeHome__wDmng\",\"CardImage--standard\":\"CardImage_nordr_CardImage--standard__kMkII\",\"CardImage--normalbleed\":\"CardImage_nordr_CardImage--normalbleed__9BT73\",\"CardImage--fullbleed\":\"CardImage_nordr_CardImage--fullbleed__J1_ug\",\"CardImage__Item\":\"CardImage_nordr_CardImage__Item__krJo2\",\"CardImage__Image\":\"CardImage_nordr_CardImage__Image__t3_qL\",\"fadeIn\":\"CardImage_nordr_fadeIn__Q7W1o\",\"CardImage__Caption\":\"CardImage_nordr_CardImage__Caption__Xc1Aj\"};"],"names":["CardImage","this","props","items","format","modifiers","styles","theme","themes","stylesNordr","stylesFolkhem","getStyles","context","classes","classNames","length","filter","x","map","rendition","className","item","i","img","renditions","LazyLoad","offset","throttle","debounce","loading","width","height","title","React","defaultProps","contextType","ThemeContext","module","exports"],"sourceRoot":""}