{"version":3,"file":"static/chunks/3918.706068b1bd065e0e.js","mappings":"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","sources":["webpack://_N_E/./components/HeroStart/HeroStart.js","webpack://_N_E/./components/HeroStart/index.js","webpack://_N_E/./components/HeroStart/HeroStart.folkhem.module.scss","webpack://_N_E/./components/HeroStart/HeroStart.nordr.module.scss"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport i18n from '../../i18n';\nimport * as R from 'ramda';\nimport classNames from 'classnames';\nimport Btn from '../Btn';\nimport { ThemeContext, themes } from '../../themes/ThemeContext';\nimport stylesNordr from './HeroStart.nordr.module.scss';\nimport stylesFolkhem from './HeroStart.folkhem.module.scss';\n\nconst getStyles = (theme) =>\n    ({\n        [themes.NORDR]: stylesNordr,\n        [themes.FOLKHEM]: stylesFolkhem,\n    }[theme]);\n\nclass HeroStart extends React.PureComponent {\n    constructor(props) {\n        super(props);\n\n        this.state = {\n            currentSlideIndex: null,\n            nextSlideIndex: 1,\n            isAnimating: false,\n        };\n    }\n\n    componentDidMount() {\n        setTimeout(() => {\n            this.setState({\n                currentSlideIndex: 0,\n                nextSlideIndex: 1,\n            });\n\n            this.interval = setInterval(this.slideToNext, 8000);\n        }, 600);\n    }\n\n    slideToNext = () => {\n        const totalSlides = this.props.items.length;\n\n        this.setState({\n            isAnimating: true,\n        });\n\n        setTimeout(() => {\n            this.setState({\n                isAnimating: false,\n                currentSlideIndex:\n                    (this.state.currentSlideIndex + 1) % totalSlides,\n            });\n        }, 500);\n    };\n\n    slideTo = (index) => {\n        if (index === this.state.currentSlideIndex) {\n            return;\n        }\n        clearInterval(this.interval);\n\n        this.setState({ currentSlideIndex: index });\n    };\n\n    render() {\n        const { items } = this.props;\n        let { currentSlideIndex, isAnimating } = this.state;\n        const theme = this.context;\n        const styles = getStyles(theme);\n\n        const slideIndexes = R.uniq([\n            currentSlideIndex,\n            ...R.keys(items).map(Number),\n        ]);\n        return (\n            <div className={styles['HeroStart']}>\n                <HeroStartPagination\n                    items={items}\n                    currentSlide={currentSlideIndex}\n                    onItemClick={this.slideTo}\n                />\n\n                <div className={styles['HeroStart__ItemsWrapper']}>\n                    {slideIndexes.map((index) => {\n                        return (\n                            <HeroStartSlide\n                                key={index}\n                                {...items[index]}\n                                index={index}\n                                isAnimating={isAnimating}\n                                active={index === currentSlideIndex}\n                            />\n                        );\n                    })}\n                </div>\n            </div>\n        );\n    }\n}\n\nHeroStart.propTypes = {\n    items: PropTypes.array,\n};\n\nHeroStart.defaultProps = {\n    items: [],\n};\n\nHeroStart.contextType = ThemeContext;\n\nclass HeroStartPagination extends React.Component {\n    handleClick = (e) => {\n        this.props.onItemClick(Number(e.target.dataset.index));\n    };\n\n    render() {\n        const { items, currentSlide } = this.props;\n        const theme = this.context;\n        const styles = getStyles(theme);\n\n        if (items.length <= 1) {\n            return null;\n        }\n\n        return (\n            <div className={styles['HeroStart__PageContainer']}>\n                <div className={styles['HeroStart__Page']}>\n                    {items.map((_item, i) => {\n                        return (\n                            <span\n                                data-index={i}\n                                key={i}\n                                className={`${styles['HeroStart__PageItem']}\n                            ${\n                                i === currentSlide\n                                    ? styles['HeroStart__PageItem--Active']\n                                    : ''\n                            }`}\n                                onClick={this.handleClick}\n                            />\n                        );\n                    })}\n                </div>\n            </div>\n        );\n    }\n}\n\nHeroStartPagination.propTypes = {\n    items: PropTypes.array,\n    currentSlide: PropTypes.number,\n    onItemClick: PropTypes.func,\n};\n\nHeroStartPagination.defaultProps = {\n    items: [],\n};\n\nHeroStartPagination.contextType = ThemeContext;\n\nclass HeroStartSlide extends React.Component {\n    state = { mounted: false };\n\n    componentDidMount() {\n        this.setState({ mounted: true });\n    }\n\n    render() {\n        const { image, title, text, link, tag, active, index, isAnimating } =\n            this.props;\n        const theme = this.context;\n        const styles = getStyles(theme);\n\n        const img =\n            image && image.renditions ? image.renditions['standard900'] : null;\n\n        return (\n            <div\n                className={classNames(styles['HeroStart__ItemContainer'], {\n                    [styles['HeroStart__ItemContainer--Active']]: active,\n                    [styles['HeroStart__ItemContainer--Animating']]:\n                        isAnimating,\n                })}>\n                <div className={styles['HeroStart__Item']}>\n                    <div className={styles['HeroStart__ImageContainer']}>\n                        <div\n                            className={\n                                styles[\n                                    'HeroStart__ImageContainerTransitionGroup'\n                                ]\n                            }>\n                            {img && active && (\n                                <div\n                                    className={styles['HeroStart__Image']}\n                                    style={{\n                                        backgroundImage: `url(${img.src})`,\n                                    }}\n                                />\n                            )}\n                        </div>\n                    </div>\n\n                    <div className={styles['HeroStart__Body']}>\n                        {typeof window !== 'undefined' && (\n                            <div\n                                className={classNames(\n                                    styles['HeroStart__BodyContainer'],\n                                    {\n                                        [styles[\n                                            'HeroStart__BodyContainer--Active'\n                                        ]]: active,\n                                    }\n                                )}>\n                                <div>\n                                    {active && [\n                                        tag && (\n                                            <div\n                                                key={1}\n                                                className={\n                                                    styles['HeroStart__Tag']\n                                                }>\n                                                {' '}\n                                                {tag}{' '}\n                                            </div>\n                                        ),\n                                        title && index === 0 && (\n                                            <h1\n                                                key={2}\n                                                className={\n                                                    styles['HeroStart__Title']\n                                                }>\n                                                {title}\n                                            </h1>\n                                        ),\n                                        title && index !== 0 && (\n                                            <h2\n                                                key={2}\n                                                className={\n                                                    styles['HeroStart__Title']\n                                                }>\n                                                {title}\n                                            </h2>\n                                        ),\n                                        text && (\n                                            <p\n                                                key={3}\n                                                className={\n                                                    styles['HeroStart__Text']\n                                                }>\n                                                {text}\n                                            </p>\n                                        ),\n                                        link && link.href && link.text && (\n                                            <Btn\n                                                element=\"a\"\n                                                key={4}\n                                                href={link.href}\n                                                className={`Btn ${styles['HeroStart__Btn']}`}>\n                                                {link.text\n                                                    ? link.text\n                                                    : i18n.t('readMore', '')}\n                                            </Btn>\n                                        ),\n                                    ]}\n                                </div>\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </div>\n        );\n    }\n}\n\nHeroStartSlide.defaultProps = {\n    image: {\n        renditions: {},\n    },\n};\n\nHeroStartSlide.contextType = ThemeContext;\n\nexport default HeroStart;\n","import HeroStart from './HeroStart';\n\nexport default HeroStart;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"HeroStart\":\"HeroStart_folkhem_HeroStart__qkIkB\",\"fadeOut\":\"HeroStart_folkhem_fadeOut__nriAa\",\"HeroStart__GridLineContainer\":\"HeroStart_folkhem_HeroStart__GridLineContainer__YsFC0\",\"HeroStart__ImageContainerTransitionGroup\":\"HeroStart_folkhem_HeroStart__ImageContainerTransitionGroup__ayljB\",\"HeroStart__GridLine\":\"HeroStart_folkhem_HeroStart__GridLine__XUlRN\",\"slideDownFadeIn\":\"HeroStart_folkhem_slideDownFadeIn__HW5sK\",\"HeroStart__GridLine--2\":\"HeroStart_folkhem_HeroStart__GridLine--2__jGmgx\",\"HeroStart__GridLine--3\":\"HeroStart_folkhem_HeroStart__GridLine--3__Lmvsn\",\"HeroStart__GridLine--4\":\"HeroStart_folkhem_HeroStart__GridLine--4__vXDTP\",\"HeroStart__GridLine--5\":\"HeroStart_folkhem_HeroStart__GridLine--5___I6z1\",\"HeroStart__GridLine--6\":\"HeroStart_folkhem_HeroStart__GridLine--6__8i7yn\",\"HeroStart__GridLine--7\":\"HeroStart_folkhem_HeroStart__GridLine--7___T8Mu\",\"HeroStart__GridLine--8\":\"HeroStart_folkhem_HeroStart__GridLine--8__be5hd\",\"HeroStart__Item\":\"HeroStart_folkhem_HeroStart__Item__iK3nV\",\"HeroStart__ItemsWrapper\":\"HeroStart_folkhem_HeroStart__ItemsWrapper__8lMMV\",\"HeroStart__ItemContainer\":\"HeroStart_folkhem_HeroStart__ItemContainer___aWqI\",\"HeroStart__Image\":\"HeroStart_folkhem_HeroStart__Image__tNz6B\",\"HeroStart__ImageContainer\":\"HeroStart_folkhem_HeroStart__ImageContainer__f9M14\",\"HeroStart__Body\":\"HeroStart_folkhem_HeroStart__Body__MM6f6\",\"HeroStart__Tag\":\"HeroStart_folkhem_HeroStart__Tag__ME0R6\",\"HeroStart__Title\":\"HeroStart_folkhem_HeroStart__Title__o_XeR\",\"HeroStart__Text\":\"HeroStart_folkhem_HeroStart__Text__E_oZy\",\"HeroStart__Btn\":\"HeroStart_folkhem_HeroStart__Btn__6x8dY\",\"HeroStart__PageContainer\":\"HeroStart_folkhem_HeroStart__PageContainer__Mal5P\",\"HeroStart__Page\":\"HeroStart_folkhem_HeroStart__Page__UZ6f3\",\"slideUpFadeIn\":\"HeroStart_folkhem_slideUpFadeIn__XqOBX\",\"HeroStart__PageItem\":\"HeroStart_folkhem_HeroStart__PageItem__Lf7ST\",\"HeroStart__PageItem--Active\":\"HeroStart_folkhem_HeroStart__PageItem--Active__tzhxz\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"HeroStart\":\"HeroStart_nordr_HeroStart__vqnUU\",\"HeroStart__ImageContainerTransitionGroup\":\"HeroStart_nordr_HeroStart__ImageContainerTransitionGroup__o7ubG\",\"HeroStart__Item\":\"HeroStart_nordr_HeroStart__Item__NJ_iN\",\"HeroStart__ItemsWrapper\":\"HeroStart_nordr_HeroStart__ItemsWrapper__CVa8C\",\"HeroStart__ItemContainer\":\"HeroStart_nordr_HeroStart__ItemContainer__hR1Jj\",\"HeroStart__ItemContainer--Active\":\"HeroStart_nordr_HeroStart__ItemContainer--Active__G1EFj\",\"HeroStart__ItemContainer--Animating\":\"HeroStart_nordr_HeroStart__ItemContainer--Animating__kJv9I\",\"HeroStart__Image\":\"HeroStart_nordr_HeroStart__Image__Y5N4f\",\"HeroStart__ImageContainer\":\"HeroStart_nordr_HeroStart__ImageContainer__xFiGF\",\"HeroStart__Body\":\"HeroStart_nordr_HeroStart__Body__pLPoD\",\"HeroStart__BodyContainer\":\"HeroStart_nordr_HeroStart__BodyContainer__Jovb1\",\"HeroStart__BodyContainer--Active\":\"HeroStart_nordr_HeroStart__BodyContainer--Active__M9cn3\",\"HeroStart__Tag\":\"HeroStart_nordr_HeroStart__Tag__fHNho\",\"HeroStart__Title\":\"HeroStart_nordr_HeroStart__Title__vh_ZL\",\"HeroStart__Text\":\"HeroStart_nordr_HeroStart__Text__ZqMdw\",\"HeroStart__Btn\":\"HeroStart_nordr_HeroStart__Btn__rOaRL\",\"HeroStart__PageContainer\":\"HeroStart_nordr_HeroStart__PageContainer__di6fx\",\"HeroStart__Page\":\"HeroStart_nordr_HeroStart__Page__N_aPe\",\"HeroStart__PageItem\":\"HeroStart_nordr_HeroStart__PageItem__m3l0p\",\"HeroStart__PageItem--Active\":\"HeroStart_nordr_HeroStart__PageItem--Active__voEme\"};"],"names":["getStyles","theme","themes","stylesNordr","stylesFolkhem","HeroStart","props","slideToNext","totalSlides","items","length","setState","isAnimating","setTimeout","currentSlideIndex","state","slideTo","index","clearInterval","interval","nextSlideIndex","setInterval","this","context","styles","slideIndexes","R","map","Number","className","HeroStartPagination","currentSlide","onItemClick","HeroStartSlide","active","React","defaultProps","contextType","ThemeContext","handleClick","e","target","dataset","_item","i","onClick","mounted","image","title","text","link","tag","img","renditions","classNames","style","backgroundImage","src","href","Btn","element","i18n","module","exports"],"sourceRoot":""}