{"version":3,"file":"static/chunks/6925.3cf7891ad480626a.js","mappings":"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","sources":["webpack://_N_E/./components/NextViewingBtn/NextViewingBtn.js","webpack://_N_E/./components/NextViewingBtn/index.js","webpack://_N_E/./components/HeroProject/HeroProject.js","webpack://_N_E/./components/HeroProject/index.js","webpack://_N_E/./components/HeroProject/HeroProject.folkhem.module.scss","webpack://_N_E/./components/HeroProject/HeroProject.nordr.module.scss","webpack://_N_E/./components/NextViewingBtn/NextViewingBtn.nordr.module.scss"],"sourcesContent":["import React, { useContext } from 'react';\nimport dayjs from 'dayjs';\nimport 'dayjs/locale/sv';\nimport PropTypes from 'prop-types';\nimport { animateScroll } from 'react-scroll';\nimport Btn from '../Btn';\nimport i18n from '../../i18n';\nimport { ThemeContext, themes } from '../../themes/ThemeContext';\nimport stylesNordr from './NextViewingBtn.nordr.module.scss';\nimport stylesFolkhem from './NextViewingBtn.folkhem.module.scss';\n\nconst getStyles = (theme) => ({\n        [themes.NORDR]: stylesNordr,\n        [themes.FOLKHEM]: stylesFolkhem,\n    }[theme]\n);\n\nconst NextViewingBtn = ({ className, date }) => {\n    const theme = useContext(ThemeContext);\n    const styles = getStyles(theme);\n\n    const day = dayjs(date)\n        .locale('sv')\n        .format('D');\n    const weekDay = dayjs(date)\n        .locale('sv')\n        .format('dddd');\n    const month = dayjs(date)\n        .locale('sv')\n        .format('MMM');\n\n    const goTo = (e) => {\n        e.preventDefault();\n        const stickybarElement = document.getElementById('stickybar');\n        const viewingElement = document.getElementById('visningar');\n\n        if (viewingElement && stickybarElement) {\n            const viewingElementTopPosition = viewingElement.getBoundingClientRect().top;\n            const currentScrollPosition = document.documentElement.scrollTop;\n            const scrollPosition = (viewingElementTopPosition - stickybarElement.offsetHeight) + currentScrollPosition;\n            animateScroll.scrollTo(scrollPosition, { duration: 500, smooth: 'easeInOutCubic' });\n        }\n    };\n\n    className = className.split(\" \");\n    className = className.filter(x => x);\n    className = className.map(x => {\n        if (x.indexOf(styles[\"NextViewingBtn\"]) === 0) {\n            return styles[x] ?? x;\n        }\n\n        return x;\n    });\n    className = className.join(\" \");\n\n    return (\n        <Btn element=\"a\" onClick={goTo} className={`Btn ${styles['NextViewingBtn']} ${className}`}>\n            <div className={styles[\"NextViewingBtn__Container\"]}>\n                <p className={styles[\"NextViewingBtn__Content\"]}>\n                    {i18n.t('nextViewingBtn.viewing')}<br />\n                    {weekDay}, {day}{' '} {month}\n                </p>\n            </div>\n        </Btn>\n    );\n};\n\nNextViewingBtn.propTypes = {\n    date: PropTypes.string.isRequired,\n    className: PropTypes.string,\n};\n\nNextViewingBtn.defaultProps = {\n    date: null,\n    className: '',\n};\n\nexport default NextViewingBtn;\n","import NextViewingBtn from './NextViewingBtn';\n\nexport default NextViewingBtn;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport LazyLoad from 'react-lazy-load';\nimport classNames from 'classnames';\nimport { animateScroll, Events as scrollEvents } from 'react-scroll';\nimport { Waypoint } from 'react-waypoint';\nimport i18n from '../../i18n';\nimport NextViewingBtn from '../NextViewingBtn';\nimport Btn from '../Btn';\nimport { ThemeContext, themes } from '../../themes/ThemeContext';\nimport stylesNordr from './HeroProject.nordr.module.scss';\nimport stylesFolkhem from './HeroProject.folkhem.module.scss';\n\nconst getStyles = (theme) => ({\n        [themes.NORDR]: stylesNordr,\n        [themes.FOLKHEM]: stylesFolkhem,\n    }[theme]\n);\n\n\nclass HeroProject extends React.Component {\n    state = {\n        stickyButtonsActive: false,\n    }\n\n    handleContactLinkOnClick = (e) => {\n        e.preventDefault();\n\n        const shouldScrollToBrokerContact = true;\n\n        const stickybarElement = document.getElementById('stickybar');\n        const contactElement = document.getElementById(\n            shouldScrollToBrokerContact ? 'visningar' : 'kontakt'\n        );\n\n        if (!contactElement || !stickybarElement) {\n            return;\n        }\n\n        const contactElementTopPosition = contactElement.getBoundingClientRect().top;\n        const currentScrollPosition = document.documentElement.scrollTop;\n        const iconOffset = shouldScrollToBrokerContact ? 0 : 24;\n        const scrollPosition = (contactElementTopPosition - stickybarElement.offsetHeight) + currentScrollPosition;\n        animateScroll.scrollTo(\n            scrollPosition - iconOffset,\n            { duration: 500, smooth: 'easeInOutCubic' }\n        );\n    };\n\n    handleInterestSubmissionClick = (e) => {\n        if (this.props.onInterestSubmissionClick) {\n            this.props.onInterestSubmissionClick();\n            e.preventDefault();\n        }\n    };\n\n    componentDidMount() {\n        if (typeof window === 'undefined') {\n            return;\n        }\n\n        // Set initial position for sticky buttons\n        setTimeout(() => {\n            if (!this.buttonContainerElement) {\n                return;\n            }\n\n            if (\n                (document.documentElement.scrollTop || document.body.scrollTop) >\n                this.buttonContainerElement.offsetTop + this.buttonContainerElement.offsetHeight\n            ) {\n                this.setState({ stickyButtonsActive: true });\n            }\n        }, 300);\n\n        const { handleSetActiveMenuWhenScrolling } = this.props;\n        if(!handleSetActiveMenuWhenScrolling) {\n            return;\n        }\n\n        scrollEvents.scrollEvent.register('begin', () => {\n            handleSetActiveMenuWhenScrolling(false);\n            this.setHashCallback();\n        });\n\n        scrollEvents.scrollEvent.register('end', () => {\n            handleSetActiveMenuWhenScrolling(true);\n        });\n    }\n\n    getHeroButtonsTopOffset() {\n        let { stickyButtonsTopOffset } = this.props;\n        stickyButtonsTopOffset = stickyButtonsTopOffset || 0;\n\n        let messageElementHeight = this.buttonContainerElement?.offsetHeight || 0;\n        return stickyButtonsTopOffset + messageElementHeight;\n    }\n\n    render() {\n        const {\n            image,\n            thumbnails,\n            onThumbnailClick,\n            heroMessageTitle,\n            heroMessageText,\n            heroMessageIcon,\n            heroMessageBackground,\n            heroMessageLink,\n            showInterestSubmission,\n            viewings,\n            stickyButtonsTopOffset,\n            showActionButtons,\n        } = this.props;\n\n        const theme = this.context;\n        const styles = getStyles(theme);\n\n        if (!image || !image.renditions) {\n            return null;\n        }\n\n        const nextViewing = viewings.length > 0 ? viewings[0] : null;\n        const imgAtts = image.renditions['standard1900'];\n        const hasHeroMessage = !!heroMessageTitle || !!heroMessageText;\n\n        const isNordrTheme = theme === themes.NORDR;\n\n        return (\n            <div className={styles[\"HeroProject\"]}>\n                {imgAtts && imgAtts.src && (\n                    <div className={styles[\"HeroProject__ImgWrapper\"]}>\n                        <LazyLoad\n                            offset={400}\n                            throttle={150}\n                            debounce={false}\n                            className={styles[\"HeroProject__LazyImgWrapper\"]}\n                        >\n                            <div\n                                className={styles[\"HeroProject__Image\"]}\n                                style={{ backgroundImage: 'url(' + imgAtts.src + ')' }}>\n                            </div>\n                        </LazyLoad>\n                        <div\n                            className={\n                                classNames(styles[\"HeroProject__Footer\"], {\n                                    [styles[`HeroProject__Footer--${heroMessageBackground}`]]: hasHeroMessage,\n                                })\n                            }\n                        >\n                            <div\n                                className={classNames(\n                                    styles[\"HeroProject__FooterWrap\"], {\n                                        [styles[\"HeroProject__FooterWrap--NoMessage\"]]: !hasHeroMessage,\n                                    }\n                                )}\n                            >\n                                {!isNordrTheme && (\n                                    <Waypoint\n                                        topOffset={this.getHeroButtonsTopOffset()}\n                                        onEnter={({ currentPosition, previousPosition }) => {\n                                            if (currentPosition === 'inside' && previousPosition === 'above') {\n                                                this.setState({ stickyButtonsActive: false });\n                                            }\n                                        }}\n                                        onLeave={({ currentPosition, previousPosition }) => {\n                                            if (currentPosition === 'above' && previousPosition === 'inside') {\n                                                this.setState({ stickyButtonsActive: true });\n                                            }\n                                        }}\n                                    />\n                                )}\n\n                                {hasHeroMessage && (\n                                    <div\n                                        className={`${styles['HeroProject__Message']} ${styles['HeroProject__Message--'+heroMessageBackground]} ${styles['HeroProject__Message--'+heroMessageIcon]}`}\n                                    >\n                                        <div className={styles[\"HeroProject__MessageContainer\"]}>\n                                            {heroMessageLink && (\n                                                <a\n                                                    href={heroMessageLink}\n                                                    className={styles[\"HeroProject__MessageLink\"]}>\n                                                    <span className=\"sr-only\">\n                                                        {heroMessageTitle}\n                                                    </span>\n                                                </a>\n                                            )}\n                                            <div className={styles[\"HeroProject__MessageContent\"]}>\n                                                {heroMessageTitle && (\n                                                    <h3 className={styles[\"HeroProject__MessageTitle\"]}>\n                                                        {heroMessageTitle}\n                                                    </h3>\n                                                )}\n                                                <p className={styles[\"HeroProject__MessageText\"]}>\n                                                    {heroMessageText}\n                                                </p>\n                                            </div>\n                                        </div>\n                                    </div>\n                                )}\n\n                                {showActionButtons &&\n                                    <div\n                                        className={classNames(\n                                            styles[\"HeroProject__Buttons\"], {\n                                                [styles[\"HeroProject__Buttons--Hide\"]]: this.state.stickyButtonsActive,\n                                            }\n                                        )}\n                                        ref={(buttonContainerElement) => {\n                                            this.buttonContainerElement = buttonContainerElement;\n                                        }}\n                                    >\n                                        {isNordrTheme && (\n                                            <Waypoint\n                                                topOffset={this.getHeroButtonsTopOffset()}\n                                                onEnter={({ currentPosition, previousPosition }) => {\n                                                    if (currentPosition === 'inside' && previousPosition === 'above') {\n                                                        this.setState({ stickyButtonsActive: false });\n                                                    }\n                                                }}\n                                                onLeave={({ currentPosition, previousPosition }) => {\n                                                    if (currentPosition === 'above' && previousPosition === 'inside') {\n                                                        this.setState({ stickyButtonsActive: true });\n                                                    }\n                                                }}\n                                            />\n                                        )}\n                                        {!!nextViewing && (\n                                            <NextViewingBtn\n                                                className={styles[\"HeroProject__NextViewingBtn\"] + \" \" + \"NextViewingBtn--Bigger\"}\n                                                date={nextViewing.from}\n                                            />\n                                        )}\n                                        {!nextViewing && (\n                                            <Btn\n                                                onClick={this.handleContactLinkOnClick}\n                                                className={`Btn ${styles['HeroProject__Btn']} ${styles['HeroProject__Btn--Secondary']}`}>\n                                                {i18n.t('stickyBar.contact')}\n                                            </Btn>\n                                        )}\n                                        {showInterestSubmission && (\n                                            <Btn\n                                                element=\"a\"\n                                                href=\"#intresseanmalan\"\n                                                onClick={this.handleInterestSubmissionClick}\n                                                className={styles[\"HeroProject__Btn\"] + \" Btn \" + styles[\"HeroProject__Btn--Brand\"]}>\n                                                {i18n.t('interestSubmission.submit')}\n                                            </Btn>\n                                        )}\n                                    </div>\n                                }\n\n                                {showActionButtons &&\n                                    <div\n                                        className={classNames(\n                                            styles[\"HeroProject__StickyButtons\"],\n                                            {\n                                                [styles[\"HeroProject__StickyButtons--Active\"]]: this.state.stickyButtonsActive,\n                                            }\n                                        )}\n                                        style={{ top: stickyButtonsTopOffset }}\n                                    >\n                                        {!!nextViewing && (\n                                            <NextViewingBtn\n                                                className={styles[\"HeroProject__NextViewingBtn\"] + \" \" + \"NextViewingBtn--Bigger\"}\n                                                date={nextViewing.from}\n                                            />\n                                        )}\n                                        {!nextViewing && (\n                                            <Btn\n                                                onClick={this.handleContactLinkOnClick}\n                                                className={`Btn ${styles['HeroProject__Btn']} ${styles['HeroProject__Btn--Secondary']}`}>\n                                                {i18n.t('stickyBar.contact')}\n                                            </Btn>\n                                        )}\n                                        {showInterestSubmission && (\n                                            <Btn\n                                                element=\"a\"\n                                                href=\"#intresseanmalan\"\n                                                onClick={this.handleInterestSubmissionClick}\n                                                className={styles[\"HeroProject__Btn\"] + \" Btn \" + styles[\"HeroProject__Btn--Brand\"]}>\n                                                {i18n.t('interestSubmission.submit')}\n                                            </Btn>\n                                        )}\n                                    </div>\n                                }\n                            </div>\n                        </div>\n                    </div>\n                )}\n                {thumbnails.length > 0 && (\n                    <div className={styles[\"HeroProject__ThumbnailContainer\"]}>\n                        {thumbnails.map((thumb, i) => {\n                            const imgAtts = thumb.renditions['max700'];\n\n                            return (\n                                <a\n                                    key={i}\n                                    className={styles[\"HeroProject__ThumbnailLink\"]}\n                                    href={`#image-${thumb.id}`}\n                                    onClick={() => {\n                                        onThumbnailClick();\n                                    }}>\n                                    <LazyLoad\n                                        offset={400}\n                                        throttle={150}\n                                        debounce={false}\n                                        className={\n                                            styles[\"HeroProject__LazyThumbImgWrapper\"]\n                                        }>\n                                        <img\n                                            className={styles[\"HeroProject__ThumbnailImage\"]}\n                                            loading=\"lazy\"\n                                            {...imgAtts}\n                                        />\n                                    </LazyLoad>\n                                </a>\n                            );\n                        })}\n                    </div>\n                )}\n            </div>\n        );\n    }\n}\n\nHeroProject.propTypes = {\n    image: PropTypes.object,\n    thumbnails: PropTypes.array,\n    onThumbnailClick: PropTypes.func,\n    heroMessageTitle: PropTypes.string,\n    heroMessageText: PropTypes.string,\n    heroMessageIcon: PropTypes.string,\n    heroMessageBackground: PropTypes.string,\n    heroMessageLink: PropTypes.string,\n    showInterestSubmission: PropTypes.bool,\n    viewings: PropTypes.array,\n    shouldScrollToBrokerContact: PropTypes.bool,\n    onInterestSubmissionClick: PropTypes.func,\n    handleSetActiveMenuWhenScrolling: PropTypes.func,\n    stickyButtonsTopOffset: PropTypes.number,\n    showActionButtons: PropTypes.bool,\n};\n\nHeroProject.defaultProps = {\n    image: null,\n    thumbnails: [],\n    onThumbnailClick: () => null,\n    shouldScrollToBrokerContact: true,\n    viewings: [],\n    onInterestSubmissionClick: null,\n    stickyButtonsTopOffset: 0,\n    showActionButtons: true,\n};\n\nHeroProject.contextType = ThemeContext;\n\nexport default HeroProject;\n","import HeroProject from './HeroProject';\n\nexport default HeroProject;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"HeroProject\":\"HeroProject_folkhem_HeroProject__Gh6Mi\",\"HeroProject__LazyImgWrapper\":\"HeroProject_folkhem_HeroProject__LazyImgWrapper__QGe_y\",\"HeroProject__Image\":\"HeroProject_folkhem_HeroProject__Image__UH1cx\",\"fadeIn\":\"HeroProject_folkhem_fadeIn__SLaHQ\",\"HeroProject__ThumbnailContainer\":\"HeroProject_folkhem_HeroProject__ThumbnailContainer__UDrjB\",\"HeroProject__ThumbnailLink\":\"HeroProject_folkhem_HeroProject__ThumbnailLink__7vpBu\",\"HeroProject__LazyThumbImgWrapper\":\"HeroProject_folkhem_HeroProject__LazyThumbImgWrapper__V9bBg\",\"HeroProject__ThumbnailImage\":\"HeroProject_folkhem_HeroProject__ThumbnailImage__fxJb4\",\"HeroProject__Button\":\"HeroProject_folkhem_HeroProject__Button__fEDrL\",\"HeroProject__Footer\":\"HeroProject_folkhem_HeroProject__Footer__IuGls\",\"HeroProject__Message\":\"HeroProject_folkhem_HeroProject__Message__ZJRyg\",\"HeroProject__Message--dark-secondary\":\"HeroProject_folkhem_HeroProject__Message--dark-secondary__P4ySJ\",\"HeroProject__Message--brand\":\"HeroProject_folkhem_HeroProject__Message--brand__DdxXp\",\"HeroProject__Message--brand-light\":\"HeroProject_folkhem_HeroProject__Message--brand-light__qBWmS\",\"HeroProject__MessageContent\":\"HeroProject_folkhem_HeroProject__MessageContent__LjiQs\",\"HeroProject__MessageContainer\":\"HeroProject_folkhem_HeroProject__MessageContainer__DlmqA\",\"HeroProject__MessageLink\":\"HeroProject_folkhem_HeroProject__MessageLink__fVrKZ\",\"HeroProject__Message--sale\":\"HeroProject_folkhem_HeroProject__Message--sale__Ok7Ee\",\"HeroProject__Message--key\":\"HeroProject_folkhem_HeroProject__Message--key__sQn7l\",\"HeroProject__Message--notification\":\"HeroProject_folkhem_HeroProject__Message--notification__atj54\",\"HeroProject__Message--pokal\":\"HeroProject_folkhem_HeroProject__Message--pokal__zUfxS\",\"HeroProject__Message--event\":\"HeroProject_folkhem_HeroProject__Message--event__cKPp1\",\"HeroProject__Message--offer\":\"HeroProject_folkhem_HeroProject__Message--offer__dAPk8\",\"HeroProject__MessageTitle\":\"HeroProject_folkhem_HeroProject__MessageTitle__LiMQA\",\"HeroProject__MessageText\":\"HeroProject_folkhem_HeroProject__MessageText__gECgX\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"HeroProject\":\"HeroProject_nordr_HeroProject__84QUU\",\"HeroProject__ImgWrapper\":\"HeroProject_nordr_HeroProject__ImgWrapper__YgWcP\",\"HeroProject__LazyImgWrapper\":\"HeroProject_nordr_HeroProject__LazyImgWrapper__3a_N9\",\"HeroProject__Image\":\"HeroProject_nordr_HeroProject__Image__jqESf\",\"fadeIn\":\"HeroProject_nordr_fadeIn__NpbmD\",\"HeroProject__ThumbnailContainer\":\"HeroProject_nordr_HeroProject__ThumbnailContainer__Bch2l\",\"HeroProject__ThumbnailLink\":\"HeroProject_nordr_HeroProject__ThumbnailLink__HAekS\",\"HeroProject__LazyThumbImgWrapper\":\"HeroProject_nordr_HeroProject__LazyThumbImgWrapper__xG4A3\",\"HeroProject__ThumbnailImage\":\"HeroProject_nordr_HeroProject__ThumbnailImage__5BB1G\",\"HeroProject__Footer\":\"HeroProject_nordr_HeroProject__Footer__EGQLk\",\"HeroProject__FooterWrap\":\"HeroProject_nordr_HeroProject__FooterWrap__OmQvg\",\"HeroProject__FooterWrap--NoMessage\":\"HeroProject_nordr_HeroProject__FooterWrap--NoMessage__Jmg2g\",\"HeroProject__Buttons\":\"HeroProject_nordr_HeroProject__Buttons___uBBD\",\"HeroProject__Buttons--Hide\":\"HeroProject_nordr_HeroProject__Buttons--Hide__E0RRx\",\"HeroProject__StickyButtons\":\"HeroProject_nordr_HeroProject__StickyButtons__iMYLL\",\"HeroProject__StickyButtons--Active\":\"HeroProject_nordr_HeroProject__StickyButtons--Active__wdzqf\",\"HeroProject__Button\":\"HeroProject_nordr_HeroProject__Button__OoWL9\",\"HeroProject__Btn\":\"HeroProject_nordr_HeroProject__Btn__6FsLH\",\"HeroProject__Btn--Secondary\":\"HeroProject_nordr_HeroProject__Btn--Secondary__2OhA6\",\"HeroProject__NextViewingBtn\":\"HeroProject_nordr_HeroProject__NextViewingBtn__468dk\",\"HeroProject__Message\":\"HeroProject_nordr_HeroProject__Message___GGaa\",\"HeroProject__MessageContent\":\"HeroProject_nordr_HeroProject__MessageContent__muKyJ\",\"HeroProject__MessageContainer\":\"HeroProject_nordr_HeroProject__MessageContainer__wkPfB\",\"HeroProject__MessageLink\":\"HeroProject_nordr_HeroProject__MessageLink__dE4MP\",\"HeroProject__Message--sale\":\"HeroProject_nordr_HeroProject__Message--sale___kt6i\",\"HeroProject__Message--brand-light\":\"HeroProject_nordr_HeroProject__Message--brand-light__aCAT2\",\"HeroProject__Message--brand\":\"HeroProject_nordr_HeroProject__Message--brand__Nbros\",\"HeroProject__Message--key\":\"HeroProject_nordr_HeroProject__Message--key__Hi2vQ\",\"HeroProject__Message--notification\":\"HeroProject_nordr_HeroProject__Message--notification__Yjukr\",\"HeroProject__Message--pokal\":\"HeroProject_nordr_HeroProject__Message--pokal__hmukM\",\"HeroProject__Message--event\":\"HeroProject_nordr_HeroProject__Message--event__aoo2V\",\"HeroProject__Message--offer\":\"HeroProject_nordr_HeroProject__Message--offer__UJ6d8\",\"HeroProject__MessageTitle\":\"HeroProject_nordr_HeroProject__MessageTitle__5QcGG\",\"HeroProject__MessageText\":\"HeroProject_nordr_HeroProject__MessageText__P_N8e\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"NextViewingBtn\":\"NextViewingBtn_nordr_NextViewingBtn__UCUHs\",\"NextViewingBtn__Container\":\"NextViewingBtn_nordr_NextViewingBtn__Container__FtL0b\",\"NextViewingBtn--Bigger\":\"NextViewingBtn_nordr_NextViewingBtn--Bigger__vaCAp\",\"NextViewingBtn__Content\":\"NextViewingBtn_nordr_NextViewingBtn__Content__q9zXr\"};"],"names":["NextViewingBtn","className","date","styles","theme","themes","stylesNordr","stylesFolkhem","getStyles","useContext","ThemeContext","day","dayjs","locale","format","weekDay","month","split","filter","x","map","indexOf","join","Btn","element","onClick","e","preventDefault","stickybarElement","document","getElementById","viewingElement","viewingElementTopPosition","getBoundingClientRect","top","currentScrollPosition","documentElement","scrollTop","scrollPosition","offsetHeight","animateScroll","duration","smooth","i18n","defaultProps","HeroProject","state","stickyButtonsActive","handleContactLinkOnClick","contactElement","contactElementTopPosition","handleInterestSubmissionClick","props","onInterestSubmissionClick","setTimeout","buttonContainerElement","body","offsetTop","setState","handleSetActiveMenuWhenScrolling","this","scrollEvents","setHashCallback","stickyButtonsTopOffset","image","thumbnails","onThumbnailClick","heroMessageTitle","heroMessageText","heroMessageIcon","heroMessageBackground","heroMessageLink","showInterestSubmission","viewings","showActionButtons","context","renditions","nextViewing","length","imgAtts","hasHeroMessage","isNordrTheme","src","LazyLoad","offset","throttle","debounce","style","backgroundImage","classNames","topOffset","getHeroButtonsTopOffset","onEnter","currentPosition","previousPosition","onLeave","href","ref","from","thumb","i","id","loading","React","shouldScrollToBrokerContact","contextType","module","exports"],"sourceRoot":""}