{"version":3,"sources":["templates/startPage/SubjectTile.js","templates/startPage/StartPage.js","api/opeResolver.js","templates/startPage/SubjectTileIcon.js","templates/startPage/_subjectTileIcon.scss","templates/startPage/_subjectLinkTile.scss","templates/startPage/_startPage.scss"],"names":["SubjectTile","_this","Object","classCallCheck","this","possibleConstructorReturn","getPrototypeOf","call","autoBind","assertThisInitialized","state","activeCarouselItem","_this2","props","tileCarousel","interval","setInterval","setState","length","clearInterval","orderIndex","translate","_this$props","title","number","description","icon","react_default","a","createElement","Fragment","className","StartPage","Subject","SubjectTileIcon","name","subscriptMapper","ReadMoreAbout","toLowerCase","SvgElement","src","getArrowIcon","desc","_this3","getCommonContent","map","x","index","key","concat","text","aria-hidden","dot","onClick","e","toggleActiveCarouselItem","aria-label","preventDefault","stopPropagation","_this$props2","url","variant","isBig","translations","lang","EpiLink","getBigTile","Component","defaultProps","miljomalIcon","_Component","inherits","createClass","value","iconName","language","model","mainSubjects","react","Subjects","data-epi-edit","opeResolver","item","startPage_SubjectTile","esm_extends","statusTiles","App","MoreAboutEnvState","tilePageReference","_store__WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","propertyName","appState","store","getState","app","inEditMode","isEditable","react__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_0___default","n","_components_uiElements_svgElement_SvgElement__WEBPACK_IMPORTED_MODULE_1__","getAnimClass","preventAnimation","icons","config","push","prefix","getIcons","getConfig","module","exports","fontFamily","petrol","petrolHover","persian","geyser","paleGrey","silver","white","brightWhite","backgroundWhite","black","warmGrey","pinkishGrey","pumpkin","pumpkin20","pumpkin30","darkBlueGreen","darkBlueGreen10","sycamore","buddhaGold","coralTree","matisse","steelBlue","funGreen"],"mappings":"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","file":"./static/js/FrontPage.a1a8de9a.chunk.js","sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport autoBind from 'react-autobind';\nimport { translations } from '../../sharedJs/translations';\nimport { subscriptMapper } from '../../sharedJs/utilityFunctions';\nimport SvgElement from '../../components/uiElements/svgElement/SvgElement';\nimport EpiLink from '../../components/links/epiLink/EpiLink';\n\nimport '../../styles/_utilities.scss';\nimport './_subjectLinkTile.scss';\nimport SubjectTileIcon from './SubjectTileIcon';\n\nconst blackArrow = '/assets/miljostatus/icons/icon-arrow-right-black.svg';\nconst whiteArrow = '/assets/miljostatus/icons/icon-arrow-right-white.svg';\n\nclass SubjectTile extends Component {\n    constructor() {\n        super();\n        autoBind(this);\n\n        this.state = {\n            activeCarouselItem: 0\n        };\n    }\n\n    componentDidMount() {\n        if (this.props && this.props.tileCarousel) {\n            this.interval = setInterval(() => {\n                this.setState({\n                    activeCarouselItem: (this.state.activeCarouselItem + 1) % this.props.tileCarousel.length\n                });\n            }, 5000);\n        }\n    }\n  \n    componentWillUnmount() {\n        clearInterval(this.interval);\n    }\n\n    getArrowIcon(orderIndex) {\n        if (\n            orderIndex === 2 ||\n            orderIndex === 4 ||\n            orderIndex === 9\n        ) {\n            return whiteArrow;\n        }\n        return blackArrow;\n    }\n    getCommonContent(translate) {\n        const {\n            title, number, description, orderIndex, icon \n        } = this.props;\n\n        return (\n            <>\n                <span className=\"c_subject-link-tile__subject-name\">\n                    <span className=\"u_visuallyhidden\">\n                        {translate.StartPage.Subject}:{' '}\n                    </span>\n                    {title}\n                    <span className=\"u_visuallyhidden\">.</span>\n                </span>\n                {icon && (\n                    <SubjectTileIcon name={icon} className=\"c_subject-link-tile__icon\" />\n                )}\n                <span className=\"c_subject-link-tile__key-number\">\n                    <span className=\"u_visuallyhidden\"> </span>\n                    {number}\n                    <span className=\"u_visuallyhidden\"> </span>\n                </span>\n                <span className=\"c_subject-link-tile__description\">\n                    <span className=\"u_visuallyhidden\"> </span>\n                    {subscriptMapper(description)}\n                    <span className=\"u_visuallyhidden\">.</span>\n                </span>\n                <span className=\"c_subject-link-tile__link-text\">\n                    <span className=\"u_visuallyhidden\"> </span>\n                    {translate.StartPage.ReadMoreAbout} {title.toLowerCase()}\n                    <SvgElement\n                        src={this.getArrowIcon(orderIndex + 1)}\n                        title=\"\"\n                        desc=\"\"\n                    />\n                </span>\n            </>\n        );\n    }\n    getBigTile(translate) {\n        return (\n            <>\n                <div className=\"c_subject-link-tile__left\">\n                    {this.getCommonContent(translate)}\n                </div>\n                <div className=\"c_subject-link-tile__right\">\n                    <div className=\"c_subject-link-tile__carousel\">\n                        <div className=\"c_subject-link-tile__carousel__top\">\n                            {this.props.tileCarousel.map((x, index) => (\n                                <span\n                                    key={`carouseltext_${x.text}`}\n                                    className={`c_subject-link-tile__carousel__item ${this.state.activeCarouselItem === index\n                                        ? ''\n                                        : 'c_subject-link-tile__carousel__item--hidden'}`\n                                        \n                                    }\n                                    aria-hidden={this.state.activeCarouselItem !== index}\n                                >\n                                    {x.text}\n                                </span>\n                            ))}\n                        </div>\n                        <div className=\"c_subject-link-tile__carousel__bottom\">\n                            {this.props.tileCarousel.map((dot, index) => (\n                                <button\n                                    key={`dot_${dot.text}`}\n                                    onClick={e => this.toggleActiveCarouselItem(e, index)}\n                                    aria-label={`Show carousel item ${index + 1}`}\n                                    className={`c_subject-link-tile__carousel__dot ${\n                                        index === this.state.activeCarouselItem\n                                            ? 'c_subject-link-tile__carousel__dot--active'\n                                            : ''\n                                    }`}\n                                >\n                                </button>\n                            ))}\n                        </div>\n                    </div>\n                </div>\n            </>\n        );\n    }\n    toggleActiveCarouselItem(e, index) {\n        e.preventDefault();\n        e.stopPropagation();\n        this.setState({ activeCarouselItem: index });\n    }\n    render() {\n        const {\n            url, orderIndex, variant, isBig \n        } = this.props;\n\n        const translate = translations(this.props.lang);\n\n        return (\n            <EpiLink\n                url={url}\n                className={`\n                    c_subject-link-tile\n                    c_subject-link-tile--${orderIndex + 1}\n                    c_subject-link-tile--${variant}\n                    ${isBig ? 'c_subject-link-tile--big' : ''}`}\n            >\n                {isBig && this.getBigTile(translate)}\n                {!isBig && this.getCommonContent(translate)}\n            </EpiLink>\n        );\n    }\n}\n\nSubjectTile.propTypes = {\n    url: PropTypes.string,\n    title: PropTypes.string,\n    number: PropTypes.string,\n    description: PropTypes.string,\n    orderIndex: PropTypes.number,\n    lang: PropTypes.string,\n    variant: PropTypes.oneOf(['standard', 'yellow']),\n    icon: PropTypes.string,\n    isBig: PropTypes.bool\n};\n\nSubjectTile.defaultProps = {\n    variant: 'standard',\n    isBig: false\n};\n\nexport default SubjectTile;\n","import React, { Component, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport autoBind from 'react-autobind';\nimport { translations } from '../../sharedJs/translations';\nimport SubjectTile from './SubjectTile';\n// import Shortcut from '../../components/links/shortcut/Shortcut';\nimport opeResolver from '../../api/opeResolver';\nimport '../../styles/_grid.scss';\nimport '../../styles/_utilities.scss';\nimport './_startPage.scss';\n\nconst miljomalIcon = '/assets/miljostatus/icons/ikon_norges_miljomal_forside.svg';\nconst kartIcon = '/assets/miljostatus/icons/ikon_kart_forside.svg';\nconst dataIcon = '/assets/miljostatus/icons/ikon_miljodata_forside_mobil.svg';\nconst stateIcon = '/assets/miljostatus/icons/ikon_tilstand_forside.svg';\nconst envDataIcon = '/assets/miljostatus/icons/ikon_environmentData_forside.svg';\nconst seaIndicatorsIcon = '/assets/miljostatus/icons/icon_havindikator_forside.svg';\nconst environmentStoriesIcon = '/assets/miljostatus/icons/icon_miljohistorier_forside.svg';\n\n\nexport class StartPage extends Component {\n    constructor() {\n        super();\n        autoBind(this);\n    }\n\n    getShortcutIcon(iconName) {\n        if (iconName === 'miljomal') {\n            return miljomalIcon;\n        }\n        if (iconName === 'kart') {\n            return kartIcon;\n        }\n        if (iconName === 'miljodata') {\n            return dataIcon;\n        }\n        if (iconName === 'tilstand') {\n            return stateIcon;\n        }\n        if (iconName === 'environmentData') {\n            return envDataIcon;\n        }\n        if (iconName === 'havindikator') {\n            return seaIndicatorsIcon;\n        }\n        if (iconName === 'miljohistorier') {\n            return environmentStoriesIcon;\n        }\n        return miljomalIcon;\n    }\n\n    render() {\n        const translate = translations(this.props.language.name);\n        return (\n            <div className=\"t_start-page g_container g_container--full\">\n                <h1 className=\"u_visuallyhidden\">{this.props.model && this.props.model.name}</h1>\n                {this.props.model.mainSubjects && this.props.model.mainSubjects.length > 0 &&\n                <Fragment>\n                    <h2 className=\"u_visuallyhidden\">{translate.StartPage.Subjects}</h2>\n                    <ul className=\"c_subject-tile-list\" data-epi-edit={opeResolver('MainSubjects')}>\n                        {this.props.model.mainSubjects.map((item, index) => (                           \n                            <li key={`tileKey_${item.title}-${item.url}`}>\n                                <SubjectTile\n                                    orderIndex={index}\n                                    lang={this.props.language.name}\n                                    {...item}\n                                    url={item.url || '/tema/'}\n                                />\n                            </li>                            \n                        ))}\n                    </ul>\n                </Fragment>\n                }\n                {this.props.model.statusTiles && this.props.model.statusTiles.length > 0 &&\n                <Fragment>\n                    <h2 className=\"t_start-page__section-title\">{translate.App.MoreAboutEnvState}</h2>\n                    <ul className=\"c_subject-tile-list c_subject-tile-list--shortcut-list\">\n                        {this.props.model.statusTiles.map((item, index) => (\n                            <li key={`tileKey_${item.title}-${item.url}`} className={index === 0 ? 'c_subject-tile-list__big-tile-wrapper' : ''}>\n                                <SubjectTile\n                                    lang={this.props.language.name}\n                                    isBig={index === 0}\n                                    {...item}\n                                    variant=\"yellow\"\n                                    url={item.tilePageReference.url}\n                                />\n                            </li>\n                        ))}\n                    </ul>\n                </Fragment>\n                }\n            </div>\n        );\n    }\n}\n\nStartPage.propTypes = {\n    model: PropTypes.object,\n    language: PropTypes.object\n};\n\nexport default StartPage;\n","import store from '../store';\n\nfunction opeResolver(propertyName) {\n    const appState = store.getState().app;\n\n    if (appState.inEditMode && appState.isEditable) {\n        return propertyName;\n    }\n    return null;\n}\n\nexport default opeResolver;\n","// First icon, where icon index = 0, is the background image. \n// This does not support animations.\n\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport SvgElement from '../../components/uiElements/svgElement/SvgElement';\nimport './_subjectTileIcon.scss';\n\n/**\n * Here we define how many icons we have available. This is part of the animation process.\n */\nconst getConfig = (name) => {\n    const config = { name, prefix: `/assets/miljostatus/icons/ikon_frontpage_${name}`, icons: 2 };\n    \n    if (name === 'ferskvann' || name === 'straling' || name === 'arter') {\n        config.icons = 3;\n    } else if (name === 'miljomal' || name === 'kart' || name === 'environmentData' || name === 'havindikator') {\n        config.icons = 1;\n    }\n\n    return config;\n};\nconst getAnimClass = (name, preventAnimation) => (preventAnimation ? '' : `c_tile_icon--${name}`);\n\nconst getIcons = (config, preventAnimation) => {\n    const icons = [];\n\n    for (let index = 0; index < config.icons; index++) {\n        icons.push(<SvgElement\n            key={`sti_${config.name}_${index}`}\n            src={`${config.prefix}_${index}.svg`}\n            title={`Ikon ${config.name}`}\n            desc={`Ikon som beskriver ${config.name}`}\n            className={`c_tile_icon c_tile_icon--${index} ${\n                index > 0\n                    ? `c_tile_icon--anim-element ${getAnimClass(config.name, preventAnimation)}`\n                    : ''\n            }`}\n        />);\n    }\n    return icons;\n};\n\nconst SubjectTileIcon = (props) => {\n    const config = getConfig(props.name);\n    const icons = getIcons(config, props.preventAnimation);\n    \n    return <div className={props.className}>{icons}</div>;\n};\n\nSubjectTileIcon.propTypes = {\n    className: PropTypes.string,\n    preventAnimation: PropTypes.bool,\n    name: PropTypes.string.isRequired\n};\n\nexport default SubjectTileIcon;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"fontFamily\":\"\\\"PalatinoLTStd-Roman\\\", Palatino Linotype, Book Antiqua3, Palatino, Palatino-Roman, serif\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"fontFamily\":\"\\\"PalatinoLTStd-Roman\\\", Palatino Linotype, Book Antiqua3, Palatino, Palatino-Roman, serif\",\"petrol\":\"#00615C\",\"petrolHover\":\"#00433F\",\"persian\":\"#009b96\",\"geyser\":\"#D0E3E2\",\"paleGrey\":\"#ebf3f3\",\"silver\":\"#d9e4e4\",\"white\":\"#f0f0f0\",\"brightWhite\":\"#ffffff\",\"backgroundWhite\":\"#fefefe\",\"black\":\"#222222\",\"warmGrey\":\"#777777\",\"pinkishGrey\":\"#cccccc\",\"pumpkin\":\"#ef7d00\",\"pumpkin20\":\"rgba(239, 125, 0, 0.2)\",\"pumpkin30\":\"rgba(239, 125, 0, 0.3)\",\"darkBlueGreen\":\"#004b46\",\"darkBlueGreen10\":\"rgba(0, 75, 70, 0.1)\",\"sycamore\":\"#8B9742\",\"buddhaGold\":\"#D4A504\",\"coralTree\":\"#A57082\",\"matisse\":\"#1961A2\",\"steelBlue\":\"#5393C3\",\"funGreen\":\"#008B2B\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"fontFamily\":\"\\\"PalatinoLTStd-Roman\\\", Palatino Linotype, Book Antiqua3, Palatino, Palatino-Roman, serif\",\"petrol\":\"#00615C\",\"petrolHover\":\"#00433F\",\"persian\":\"#009b96\",\"geyser\":\"#D0E3E2\",\"paleGrey\":\"#ebf3f3\",\"silver\":\"#d9e4e4\",\"white\":\"#f0f0f0\",\"brightWhite\":\"#ffffff\",\"backgroundWhite\":\"#fefefe\",\"black\":\"#222222\",\"warmGrey\":\"#777777\",\"pinkishGrey\":\"#cccccc\",\"pumpkin\":\"#ef7d00\",\"pumpkin20\":\"rgba(239, 125, 0, 0.2)\",\"pumpkin30\":\"rgba(239, 125, 0, 0.3)\",\"darkBlueGreen\":\"#004b46\",\"darkBlueGreen10\":\"rgba(0, 75, 70, 0.1)\",\"sycamore\":\"#8B9742\",\"buddhaGold\":\"#D4A504\",\"coralTree\":\"#A57082\",\"matisse\":\"#1961A2\",\"steelBlue\":\"#5393C3\",\"funGreen\":\"#008B2B\"};"],"sourceRoot":""}